@patternfly/patternfly 6.0.0-alpha.47 → 6.0.0-alpha.49

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 (21) hide show
  1. package/components/DataList/data-list.css +101 -158
  2. package/components/DataList/data-list.scss +95 -154
  3. package/components/Form/form.css +2 -35
  4. package/components/Form/form.scss +2 -35
  5. package/components/Progress/progress.css +31 -45
  6. package/components/Progress/progress.scss +36 -55
  7. package/components/Slider/slider.css +34 -30
  8. package/components/Slider/slider.scss +46 -43
  9. package/docs/components/Form/examples/Form.md +122 -89
  10. package/docs/demos/Form/examples/BasicForms.md +110 -80
  11. package/docs/demos/Modal/examples/Modal.md +33 -24
  12. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -8
  13. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  14. package/package.json +1 -1
  15. package/patternfly-no-globals.css +169 -265
  16. package/patternfly-theme-dark-unversioned.css +169 -265
  17. package/patternfly.css +169 -265
  18. package/patternfly.min.css +1 -1
  19. package/patternfly.min.css.map +1 -1
  20. package/components/DataList/themes/dark/data-list.scss +0 -10
  21. package/components/Progress/themes/dark/progress.scss +0 -9
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-data-list, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-t-light {
2
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-t-light {
3
3
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
4
4
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
5
5
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
@@ -10669,149 +10669,135 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10669
10669
  }
10670
10670
  }
10671
10671
 
10672
- .pf-v5-c-data-list {
10673
- --pf-v5-c-data-list--FontSize: 1em;
10674
- --pf-v5-c-data-list--LineHeight: var(--pf-v5-global--LineHeight--md);
10675
- --pf-v5-c-data-list--BorderTopColor: var(--pf-v5-global--BorderColor--300);
10676
- --pf-v5-c-data-list--BorderTopWidth: var(--pf-v5-global--spacer--sm);
10677
- --pf-v5-c-data-list--sm--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
10678
- --pf-v5-c-data-list--sm--BorderTopColor: var(--pf-v5-global--BorderColor--100);
10679
- --pf-v5-c-data-list--MarginLeft: var(--pf-v5-global--spacer--md);
10680
- --pf-v5-c-data-list__item--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10681
- --pf-v5-c-data-list__item--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
10682
- --pf-v5-c-data-list__item--m-expanded--before--BackgroundColor: var(--pf-v5-global--active-color--100);
10683
- --pf-v5-c-data-list__item--m-selected--before--BackgroundColor: var(--pf-v5-global--active-color--100);
10684
- --pf-v5-c-data-list__item--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top), var(--pf-v5-global--BoxShadow--sm-bottom);
10685
- --pf-v5-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
10686
- --pf-v5-c-data-list__item--m-clickable--hover--ZIndex: calc(var(--pf-v5-c-data-list__item--m-selected--ZIndex) + 1);
10687
- --pf-v5-c-data-list__item--m-clickable--hover--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top), var(--pf-v5-global--BoxShadow--sm-bottom);
10688
- --pf-v5-c-data-list__item--m-clickable--focus--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top), var(--pf-v5-global--BoxShadow--sm-bottom);
10689
- --pf-v5-c-data-list__item--m-clickable--active--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top), var(--pf-v5-global--BoxShadow--sm-bottom);
10690
- --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
10691
- --pf-v5-c-data-list__item--BorderBottomWidth: 0.5rem;
10692
- --pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopColor: var(--pf-v5-c-data-list__item--BorderBottomColor);
10693
- --pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopWidth: var(--pf-v5-c-data-list__item--BorderBottomWidth);
10694
- --pf-v5-c-data-list__item--sm--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
10695
- --pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
10696
- --pf-v5-c-data-list__item--before--BackgroundColor: transparent;
10697
- --pf-v5-c-data-list__item--before--Width: calc(2 * var(--pf-v5-global--BorderWidth--lg));
10698
- --pf-v5-c-data-list__item--before--Transition: var(--pf-v5-global--Transition);
10699
- --pf-v5-c-data-list__item--before--Top: 0;
10700
- --pf-v5-c-data-list__item--before--sm--Top: calc(var(--pf-v5-c-data-list__item--BorderBottomWidth) * -1);
10701
- --pf-v5-c-data-list__item-row--PaddingRight: var(--pf-v5-global--spacer--md);
10702
- --pf-v5-c-data-list__item-row--PaddingLeft: var(--pf-v5-global--spacer--md);
10703
- --pf-v5-c-data-list__item-row--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
10704
- --pf-v5-c-data-list__item-row--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
10705
- --pf-v5-c-data-list__item-content--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
10706
- --pf-v5-c-data-list__cell--PaddingTop: var(--pf-v5-global--spacer--lg);
10707
- --pf-v5-c-data-list__cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
10708
- --pf-v5-c-data-list__cell--MarginRight: var(--pf-v5-global--spacer--xl);
10672
+ :root, .pf-v5-c-data-list {
10673
+ --pf-v5-c-data-list--FontSize: var( --pf-t--global--font--size--body);
10674
+ --pf-v5-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
10675
+ --pf-v5-c-data-list--BorderTopColor: var(--pf-t--global--border--color--default);
10676
+ --pf-v5-c-data-list--BorderTopWidth: var(--pf-t--global--spacer--sm);
10677
+ --pf-v5-c-data-list--sm--BorderTopWidth: var(--pf-t--global--border--width--divider--default);
10678
+ --pf-v5-c-data-list--sm--BorderTopColor: var(--pf-t--global--border--color--default);
10679
+ --pf-v5-c-data-list--MarginLeft: var(--pf-t--global--spacer--md);
10680
+ --pf-v5-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
10681
+ --pf-v5-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
10682
+ --pf-v5-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
10683
+ --pf-v5-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
10684
+ --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-t--global--border--color--default);
10685
+ --pf-v5-c-data-list__item--BorderBottomWidth: var(--pf-t--global--spacer--sm);
10686
+ --pf-v5-c-data-list__item--sm--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
10687
+ --pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-t--global--border--color--default);
10688
+ --pf-v5-c-data-list__item-row--PaddingRight: var(--pf-t--global--spacer--md);
10689
+ --pf-v5-c-data-list__item-row--PaddingLeft: var(--pf-t--global--spacer--md);
10690
+ --pf-v5-c-data-list__item-row--xl--PaddingRight: var(--pf-t--global--spacer--lg);
10691
+ --pf-v5-c-data-list__item-row--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
10692
+ --pf-v5-c-data-list__item-content--md--PaddingBottom: var(--pf-t--global--spacer--lg);
10693
+ --pf-v5-c-data-list__cell--PaddingTop: var(--pf-t--global--spacer--lg);
10694
+ --pf-v5-c-data-list__cell--PaddingBottom: var(--pf-t--global--spacer--lg);
10695
+ --pf-v5-c-data-list__cell--MarginRight: var(--pf-t--global--spacer--xl);
10709
10696
  --pf-v5-c-data-list__cell--md--PaddingBottom: 0;
10710
- --pf-v5-c-data-list__cell--m-icon--MarginRight: var(--pf-v5-global--spacer--md);
10697
+ --pf-v5-c-data-list__cell--m-icon--MarginRight: var(--pf-t--global--spacer--md);
10711
10698
  --pf-v5-c-data-list__cell--cell--PaddingTop: 0;
10712
- --pf-v5-c-data-list__cell--cell--md--PaddingTop: var(--pf-v5-global--spacer--lg);
10713
- --pf-v5-c-data-list__cell--m-icon--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
10699
+ --pf-v5-c-data-list__cell--cell--md--PaddingTop: var(--pf-t--global--spacer--lg);
10700
+ --pf-v5-c-data-list__cell--m-icon--cell--PaddingTop: var(--pf-t--global--spacer--lg);
10714
10701
  --pf-v5-c-data-list--cell--MinWidth: initial;
10715
10702
  --pf-v5-c-data-list--cell--Overflow: visible;
10716
10703
  --pf-v5-c-data-list--cell--TextOverflow: clip;
10717
10704
  --pf-v5-c-data-list--cell--WhiteSpace: normal;
10718
10705
  --pf-v5-c-data-list--cell--WordBreak: normal;
10719
10706
  --pf-v5-c-data-list--cell--m-truncate--MinWidth: 5ch;
10720
- --pf-v5-c-data-list__toggle--MarginLeft: calc(var(--pf-v5-global--spacer--sm) * -1);
10721
- --pf-v5-c-data-list__toggle--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
10722
- --pf-v5-c-data-list__toggle--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
10707
+ --pf-v5-c-data-list__toggle--MarginLeft: calc(var(--pf-t--global--spacer--sm) * -1);
10708
+ --pf-v5-c-data-list__toggle--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
10709
+ --pf-v5-c-data-list__toggle--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
10723
10710
  --pf-v5-c-data-list__toggle-icon--Height: calc(var(--pf-v5-c-data-list--FontSize) * var(--pf-v5-c-data-list--LineHeight));
10724
10711
  --pf-v5-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
10725
10712
  --pf-v5-c-data-list__toggle-icon--Rotate: 0;
10726
10713
  --pf-v5-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
10727
10714
  --pf-v5-c-data-list__item-draggable-button--BackgroundColor: transparent;
10728
- --pf-v5-c-data-list__item-draggable-button--PaddingLeft: var(--pf-v5-global--spacer--md);
10729
- --pf-v5-c-data-list__item-draggable-button--PaddingRight: var(--pf-v5-global--spacer--md);
10730
- --pf-v5-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-v5-global--spacer--lg) * -1);
10731
- --pf-v5-c-data-list__item-draggable-button--MarginBottom: calc(var(--pf-v5-global--spacer--lg) * -1);
10732
- --pf-v5-c-data-list__item-draggable-button--PaddingTop: var(--pf-v5-global--spacer--lg);
10733
- --pf-v5-c-data-list__item-draggable-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
10734
- --pf-v5-c-data-list__item-draggable-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
10735
- --pf-v5-c-data-list__item-draggable-button-icon--Color: var(--pf-v5-global--icon--Color--light);
10736
- --pf-v5-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color: var(--pf-v5-global--disabled-color--200);
10737
- --pf-v5-c-data-list__item-draggable-button--hover__draggable-icon--Color: var(--pf-v5-global--icon--Color--dark);
10738
- --pf-v5-c-data-list__item-draggable-button--focus__draggable-icon--Color: var(--pf-v5-global--icon--Color--dark);
10739
- --pf-v5-c-data-list__item--m-ghost-row--after--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10715
+ --pf-v5-c-data-list__item-draggable-button--PaddingLeft: var(--pf-t--global--spacer--md);
10716
+ --pf-v5-c-data-list__item-draggable-button--PaddingRight: var(--pf-t--global--spacer--md);
10717
+ --pf-v5-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-t--global--spacer--lg) * -1);
10718
+ --pf-v5-c-data-list__item-draggable-button--MarginBottom: calc(var(--pf-t--global--spacer--lg) * -1);
10719
+ --pf-v5-c-data-list__item-draggable-button--PaddingTop: var(--pf-t--global--spacer--lg);
10720
+ --pf-v5-c-data-list__item-draggable-button--PaddingBottom: var(--pf-t--global--spacer--lg);
10721
+ --pf-v5-c-data-list__item-draggable-button--MarginLeft: calc(var(--pf-t--global--spacer--md) * -1);
10722
+ --pf-v5-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
10723
+ --pf-v5-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color: var(--pf-t--global--icon--color--disabled);
10724
+ --pf-v5-c-data-list__item-draggable-button--hover__draggable-icon--Color: var(--pf-t--global--icon--color--regular);
10725
+ --pf-v5-c-data-list__item-draggable-button--focus__draggable-icon--Color: var(--pf-t--global--icon--color--regular);
10726
+ --pf-v5-c-data-list__item--m-ghost-row--after--BackgroundColor: var(--pf-t--global--background--color--primary--default);
10740
10727
  --pf-v5-c-data-list__item--m-ghost-row--after--Opacity: .6;
10741
- --pf-v5-c-data-list__item-control--PaddingTop: var(--pf-v5-global--spacer--lg);
10742
- --pf-v5-c-data-list__item-control--PaddingBottom: var(--pf-v5-global--spacer--lg);
10743
- --pf-v5-c-data-list__item-control--MarginRight: var(--pf-v5-global--spacer--md);
10744
- --pf-v5-c-data-list__item-control--md--MarginRight: var(--pf-v5-global--spacer--xl);
10745
- --pf-v5-c-data-list__item-control--not-last-child--MarginRight: var(--pf-v5-global--spacer--md);
10728
+ --pf-v5-c-data-list__item-control--PaddingTop: var(--pf-t--global--spacer--lg);
10729
+ --pf-v5-c-data-list__item-control--PaddingBottom: var(--pf-t--global--spacer--lg);
10730
+ --pf-v5-c-data-list__item-control--MarginRight: var(--pf-t--global--spacer--md);
10731
+ --pf-v5-c-data-list__item-control--md--MarginRight: var(--pf-t--global--spacer--xl);
10732
+ --pf-v5-c-data-list__item-control--not-last-child--MarginRight: var(--pf-t--global--spacer--md);
10746
10733
  --pf-v5-c-data-list__check--Height: calc(var(--pf-v5-c-data-list--FontSize) * var(--pf-v5-c-data-list--LineHeight));
10747
10734
  --pf-v5-c-data-list__check--MarginTop: -0.0625rem;
10748
10735
  --pf-v5-c-data-list__item-action--Display: flex;
10749
- --pf-v5-c-data-list__item-action--PaddingTop: var(--pf-v5-global--spacer--lg);
10750
- --pf-v5-c-data-list__item-action--PaddingBottom: var(--pf-v5-global--spacer--lg);
10751
- --pf-v5-c-data-list__item-action--MarginLeft: var(--pf-v5-global--spacer--md);
10752
- --pf-v5-c-data-list__item-action--md--MarginLeft: var(--pf-v5-global--spacer--xl);
10753
- --pf-v5-c-data-list__item-action--not-last-child--MarginRight: var(--pf-v5-global--spacer--md);
10754
- --pf-v5-c-data-list__item-action__action--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
10736
+ --pf-v5-c-data-list__item-action--PaddingTop: var(--pf-t--global--spacer--lg);
10737
+ --pf-v5-c-data-list__item-action--PaddingBottom: var(--pf-t--global--spacer--lg);
10738
+ --pf-v5-c-data-list__item-action--MarginLeft: var(--pf-t--global--spacer--md);
10739
+ --pf-v5-c-data-list__item-action--md--MarginLeft: var(--pf-t--global--spacer--xl);
10740
+ --pf-v5-c-data-list__item-action--not-last-child--MarginRight: var(--pf-t--global--spacer--md);
10741
+ --pf-v5-c-data-list__item-action__action--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
10755
10742
  --pf-v5-c-data-list__action--MarginTop: var(--pf-v5-c-data-list__item-action__action--MarginTop);
10756
- --pf-v5-c-data-list__item-action__action--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
10757
- --pf-v5-c-data-list__expandable-content--MarginRight: calc(var(--pf-v5-c-data-list__expandable-content-body--PaddingRight) * -1);
10758
- --pf-v5-c-data-list__expandable-content--MarginLeft: calc(var(--pf-v5-c-data-list__expandable-content-body--PaddingLeft) * -1);
10743
+ --pf-v5-c-data-list__item-action__action--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
10744
+ --pf-v5-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
10745
+ --pf-v5-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
10746
+ --pf-v5-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
10747
+ --pf-v5-c-data-list__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
10759
10748
  --pf-v5-c-data-list__expandable-content--MaxHeight: 37.5rem;
10760
- --pf-v5-c-data-list__expandable-content--before--Top: calc(var(--pf-v5-c-data-list__item--BorderBottomWidth) * -1);
10761
- --pf-v5-c-data-list__expandable-content-body--PaddingTop: var(--pf-v5-global--spacer--md);
10762
- --pf-v5-c-data-list__expandable-content-body--PaddingRight: var(--pf-v5-global--spacer--md);
10763
- --pf-v5-c-data-list__expandable-content-body--PaddingBottom: var(--pf-v5-global--spacer--md);
10764
- --pf-v5-c-data-list__expandable-content-body--PaddingLeft: var(--pf-v5-global--spacer--md);
10765
- --pf-v5-c-data-list__expandable-content-body--md--PaddingTop: var(--pf-v5-global--spacer--lg);
10766
- --pf-v5-c-data-list__expandable-content-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
10767
- --pf-v5-c-data-list__expandable-content-body--md--PaddingBottom: var(--pf-v5-global--spacer--lg);
10768
- --pf-v5-c-data-list__expandable-content-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
10769
- --pf-v5-c-data-list--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
10770
- --pf-v5-c-data-list--m-compact--LineHeight: var(--pf-v5-global--LineHeight--sm);
10771
- --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-v5-global--FontSize--md);
10772
- --pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-v5-global--spacer--sm);
10773
- --pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-v5-global--spacer--sm);
10749
+ --pf-v5-c-data-list__expandable-content-body--PaddingTop: var(--pf-t--global--spacer--md);
10750
+ --pf-v5-c-data-list__expandable-content-body--PaddingRight: var(--pf-t--global--spacer--md);
10751
+ --pf-v5-c-data-list__expandable-content-body--PaddingBottom: var(--pf-t--global--spacer--md);
10752
+ --pf-v5-c-data-list__expandable-content-body--PaddingLeft: var(--pf-t--global--spacer--md);
10753
+ --pf-v5-c-data-list__expandable-content-body--md--PaddingTop: var(--pf-t--global--spacer--lg);
10754
+ --pf-v5-c-data-list__expandable-content-body--xl--PaddingRight: var(--pf-t--global--spacer--lg);
10755
+ --pf-v5-c-data-list__expandable-content-body--md--PaddingBottom: var(--pf-t--global--spacer--lg);
10756
+ --pf-v5-c-data-list__expandable-content-body--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
10757
+ --pf-v5-c-data-list__expandable-content-body--BorderRadius: var(--pf-t--global--border--radius--small);
10758
+ --pf-v5-c-data-list--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
10759
+ --pf-v5-c-data-list--m-compact--LineHeight: var(--pf-t--global--font--line-height--body);
10760
+ --pf-v5-c-data-list--m-compact__check--FontSize: var(--pf-t--global--font--size--body--md);
10761
+ --pf-v5-c-data-list--m-compact__cell--PaddingTop: var(--pf-t--global--spacer--sm);
10762
+ --pf-v5-c-data-list--m-compact__cell--PaddingBottom: var(--pf-t--global--spacer--sm);
10774
10763
  --pf-v5-c-data-list--m-compact__cell--md--PaddingBottom: 0;
10775
10764
  --pf-v5-c-data-list--m-compact__cell-cell--PaddingTop: 0;
10776
- --pf-v5-c-data-list--m-compact__cell-cell--md--PaddingTop: var(--pf-v5-global--spacer--sm);
10777
- --pf-v5-c-data-list--m-compact__cell--cell--MarginRight: var(--pf-v5-global--spacer--md);
10778
- --pf-v5-c-data-list--m-compact__item-control--PaddingTop: var(--pf-v5-global--spacer--sm);
10779
- --pf-v5-c-data-list--m-compact__item-control--PaddingBottom: var(--pf-v5-global--spacer--sm);
10780
- --pf-v5-c-data-list--m-compact__item-control--MarginRight: var(--pf-v5-global--spacer--md);
10781
- --pf-v5-c-data-list--m-compact__item-action--PaddingTop: var(--pf-v5-global--spacer--sm);
10782
- --pf-v5-c-data-list--m-compact__item-action--PaddingBottom: var(--pf-v5-global--spacer--sm);
10783
- --pf-v5-c-data-list--m-compact__item-action--MarginLeft: var(--pf-v5-global--spacer--md);
10765
+ --pf-v5-c-data-list--m-compact__cell-cell--md--PaddingTop: var(--pf-t--global--spacer--sm);
10766
+ --pf-v5-c-data-list--m-compact__cell--cell--MarginRight: var(--pf-t--global--spacer--md);
10767
+ --pf-v5-c-data-list--m-compact__item-control--PaddingTop: var(--pf-t--global--spacer--sm);
10768
+ --pf-v5-c-data-list--m-compact__item-control--PaddingBottom: var(--pf-t--global--spacer--sm);
10769
+ --pf-v5-c-data-list--m-compact__item-control--MarginRight: var(--pf-t--global--spacer--md);
10770
+ --pf-v5-c-data-list--m-compact__item-action--PaddingTop: var(--pf-t--global--spacer--sm);
10771
+ --pf-v5-c-data-list--m-compact__item-action--PaddingBottom: var(--pf-t--global--spacer--sm);
10772
+ --pf-v5-c-data-list--m-compact__item-action--MarginLeft: var(--pf-t--global--spacer--md);
10784
10773
  --pf-v5-c-data-list--m-compact__item-action__action--MarginTop: calc(var(--pf-v5-c-data-list--m-compact__item-action--PaddingTop) * -1);
10785
10774
  --pf-v5-c-data-list--m-compact__item-action__action--MarginBottom: calc(var(--pf-v5-c-data-list--m-compact__item-action--PaddingBottom) * -1);
10786
10775
  --pf-v5-c-data-list--m-compact__action--MarginTop: var(--pf-v5-c-data-list--m-compact__item-action__action--MarginTop);
10787
- --pf-v5-c-data-list--m-compact__item-content--PaddingBottom: var(--pf-v5-global--spacer--sm);
10788
- --pf-v5-c-data-list--m-compact__item-draggable-button--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
10789
- --pf-v5-c-data-list--m-compact__item-draggable-button--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
10790
- --pf-v5-c-data-list--m-compact__item-draggable-button--PaddingTop: var(--pf-v5-global--spacer--sm);
10791
- --pf-v5-c-data-list--m-compact__item-draggable-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
10792
- --pf-v5-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(--pf-v5-global--spacer--sm);
10793
- color: var(--pf-v5-global--Color--100);
10794
- font-size: var(--pf-v5-c-data-list--FontSize);
10795
- line-height: var(--pf-v5-c-data-list--LineHeight);
10796
- overflow-wrap: break-word;
10797
- border-block-start: var(--pf-v5-c-data-list--BorderTopWidth) solid var(--pf-v5-c-data-list--BorderTopColor);
10776
+ --pf-v5-c-data-list--m-compact__item-content--PaddingBottom: var(--pf-t--global--spacer--sm);
10777
+ --pf-v5-c-data-list--m-compact__item-draggable-button--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
10778
+ --pf-v5-c-data-list--m-compact__item-draggable-button--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
10779
+ --pf-v5-c-data-list--m-compact__item-draggable-button--PaddingTop: var(--pf-t--global--spacer--sm);
10780
+ --pf-v5-c-data-list--m-compact__item-draggable-button--PaddingBottom: var(--pf-t--global--spacer--sm);
10781
+ --pf-v5-c-data-list--m-compact__cell--m-icon--cell--PaddingTop: var(--pf-t--global--spacer--sm);
10798
10782
  }
10799
10783
  @media screen and (min-width: 576px) {
10800
- .pf-v5-c-data-list {
10784
+ :root, .pf-v5-c-data-list {
10801
10785
  --pf-v5-c-data-list--BorderTopColor: var(--pf-v5-c-data-list--sm--BorderTopColor);
10802
10786
  --pf-v5-c-data-list--BorderTopWidth: var(--pf-v5-c-data-list--sm--BorderTopWidth);
10803
10787
  }
10804
10788
  }
10805
10789
  @media screen and (min-width: 576px) {
10806
- .pf-v5-c-data-list {
10790
+ :root, .pf-v5-c-data-list {
10807
10791
  --pf-v5-c-data-list__item--BorderBottomWidth: var(--pf-v5-c-data-list__item--sm--BorderBottomWidth);
10808
10792
  --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-v5-c-data-list__item--sm--BorderBottomColor);
10809
10793
  }
10810
10794
  }
10811
- @media (min-width: 576px) {
10812
- .pf-v5-c-data-list {
10813
- --pf-v5-c-data-list__item--before--Top: var(--pf-v5-c-data-list__item--before--sm--Top);
10814
- }
10795
+
10796
+ .pf-v5-c-data-list {
10797
+ font-size: var(--pf-v5-c-data-list--FontSize);
10798
+ line-height: var(--pf-v5-c-data-list--LineHeight);
10799
+ overflow-wrap: break-word;
10800
+ border-block-start: var(--pf-v5-c-data-list--BorderTopWidth) solid var(--pf-v5-c-data-list--BorderTopColor);
10815
10801
  }
10816
10802
  .pf-v5-c-data-list.pf-m-compact {
10817
10803
  --pf-v5-c-data-list__check--FontSize: var(--pf-v5-c-data-list--m-compact__check--FontSize);
@@ -10875,44 +10861,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10875
10861
  background-color: var(--pf-v5-c-data-list__item--BackgroundColor);
10876
10862
  border-block-end: var(--pf-v5-c-data-list__item--BorderBottomWidth) solid var(--pf-v5-c-data-list__item--BorderBottomColor);
10877
10863
  }
10878
- .pf-v5-c-data-list__item::before {
10879
- position: absolute;
10880
- inset-block-start: var(--pf-v5-c-data-list__item--before--Top);
10881
- inset-block-end: 0;
10882
- inset-inline-start: 0;
10883
- width: var(--pf-v5-c-data-list__item--before--Width);
10884
- content: "";
10885
- background-color: var(--pf-v5-c-data-list__item--before--BackgroundColor);
10886
- transition: var(--pf-v5-c-data-list__item--before--Transition);
10887
- }
10888
10864
  .pf-v5-c-data-list__item.pf-m-clickable {
10889
10865
  cursor: pointer;
10890
10866
  outline-offset: var(--pf-v5-c-data-list__item--m-clickable--OutlineOffset);
10891
10867
  }
10892
10868
  .pf-v5-c-data-list__item.pf-m-clickable:hover, .pf-v5-c-data-list__item.pf-m-clickable:focus {
10893
- position: relative;
10894
- z-index: var(--pf-v5-c-data-list__item--m-clickable--hover--ZIndex);
10895
- }
10896
- .pf-v5-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child), .pf-v5-c-data-list__item.pf-m-clickable:focus:not(.pf-m-selected):not(:last-child) {
10897
- --pf-v5-c-data-list__item--BorderBottomWidth: 0;
10898
- }
10899
- .pf-v5-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child) + .pf-v5-c-data-list__item, .pf-v5-c-data-list__item.pf-m-clickable:focus:not(.pf-m-selected):not(:last-child) + .pf-v5-c-data-list__item {
10900
- border-block-start: var(--pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopWidth) solid var(--pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopColor);
10901
- }
10902
- .pf-v5-c-data-list__item.pf-m-clickable:hover {
10903
- box-shadow: var(--pf-v5-c-data-list__item--m-clickable--hover--BoxShadow);
10904
- }
10905
- .pf-v5-c-data-list__item.pf-m-clickable:focus {
10906
- box-shadow: var(--pf-v5-c-data-list__item--m-clickable--focus--BoxShadow);
10907
- }
10908
- .pf-v5-c-data-list__item.pf-m-clickable:active {
10909
- box-shadow: var(--pf-v5-c-data-list__item--m-clickable--active--BoxShadow);
10869
+ background-color: var(--pf-v5-c-data-list__item--hover--BackgroundColor);
10910
10870
  }
10911
10871
  .pf-v5-c-data-list__item.pf-m-selected {
10912
- --pf-v5-c-data-list__item--before--BackgroundColor: var(--pf-v5-c-data-list__item--m-selected--before--BackgroundColor);
10913
- position: relative;
10914
- z-index: var(--pf-v5-c-data-list__item--m-selected--ZIndex);
10915
- box-shadow: var(--pf-v5-c-data-list__item--m-selected--BoxShadow);
10872
+ background-color: var(--pf-v5-c-data-list__item--m-selected--BackgroundColor);
10916
10873
  }
10917
10874
  .pf-v5-c-data-list__item.pf-m-ghost-row::after {
10918
10875
  position: absolute;
@@ -11066,7 +11023,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11066
11023
 
11067
11024
  .pf-v5-c-data-list__expandable-content {
11068
11025
  max-height: var(--pf-v5-c-data-list__expandable-content--MaxHeight);
11026
+ margin-block-end: var(--pf-v5-c-data-list__expandable-content--MarginBlockEnd);
11027
+ margin-inline-start: var(--pf-v5-c-data-list__expandable-content--MarginInlineStart);
11028
+ margin-inline-end: var(--pf-v5-c-data-list__expandable-content--MarginInlineEnd);
11069
11029
  overflow-y: auto;
11030
+ background-color: var(--pf-v5-c-data-list__expandable-content--BackgroundColor);
11031
+ border-radius: var(--pf-v5-c-data-list__expandable-content-body--BorderRadius);
11070
11032
  }
11071
11033
  .pf-v5-c-data-list__expandable-content .pf-v5-c-data-list__expandable-content-body {
11072
11034
  padding-block-start: var(--pf-v5-c-data-list__expandable-content-body--PaddingTop);
@@ -11090,17 +11052,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11090
11052
  padding: 0;
11091
11053
  }
11092
11054
 
11093
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
11094
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11095
- }
11096
-
11097
- :where(.pf-theme-dark) .pf-v5-c-data-list {
11098
- --pf-v5-c-data-list--BorderTopColor: var(--pf-v5-global--BorderColor--100);
11099
- --pf-v5-c-data-list--sm--BorderTopColor: var(--pf-v5-global--BorderColor--100);
11100
- --pf-v5-c-data-list__item--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
11101
- --pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
11102
- }
11103
-
11104
11055
  .pf-v5-c-description-list {
11105
11056
  --pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
11106
11057
  --pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
@@ -15235,20 +15186,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15235
15186
  --pf-v5-c-form__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
15236
15187
  --pf-v5-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
15237
15188
  --pf-v5-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
15238
- --pf-v5-c-form__group-label-help--BackgroundColor: transparent;
15239
- --pf-v5-c-form__group-label-help--PaddingTop: var(--pf-t--global--spacer--xs);
15240
- --pf-v5-c-form__group-label-help--PaddingRight: var(--pf-t--global--spacer--xs);
15241
- --pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-t--global--spacer--xs);
15242
- --pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-t--global--spacer--xs);
15243
- --pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);
15244
- --pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);
15245
- --pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);
15246
- --pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-t--global--spacer--xs));
15247
15189
  --pf-v5-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
15248
- --pf-v5-c-form__group-label-help--TranslateY: 0.125rem;
15249
- --pf-v5-c-form__group-label-help--Color: var(--pf-t--global--icon--color--regular);
15250
- --pf-v5-c-form__group-label-help--hover--Color: var(--pf-t--global--icon--color--regular);
15251
- --pf-v5-c-form__group-label-help--focus--Color: var(--pf-t--global--icon--color--brand--hover);
15252
15190
  --pf-v5-c-form__group-label-info--MarginLeft: var(--pf-t--global--spacer--sm);
15253
15191
  --pf-v5-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
15254
15192
  --pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-t--global--spacer--lg);
@@ -15530,28 +15468,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15530
15468
  color: var(--pf-v5-c-form__label-required--Color);
15531
15469
  }
15532
15470
 
15533
- .pf-v5-c-form__group-label-help {
15534
- padding-block-start: var(--pf-v5-c-form__group-label-help--PaddingTop);
15535
- padding-block-end: var(--pf-v5-c-form__group-label-help--PaddingBottom);
15536
- padding-inline-start: var(--pf-v5-c-form__group-label-help--PaddingLeft);
15537
- padding-inline-end: var(--pf-v5-c-form__group-label-help--PaddingRight);
15538
- margin-block-start: var(--pf-v5-c-form__group-label-help--MarginTop);
15539
- margin-block-end: var(--pf-v5-c-form__group-label-help--MarginBottom);
15540
- margin-inline-start: var(--pf-v5-c-form__group-label-help--MarginLeft);
15541
- margin-inline-end: var(--pf-v5-c-form__group-label-help--MarginRight);
15542
- font-size: var(--pf-v5-c-form__group-label-help--FontSize);
15543
- line-height: 1;
15544
- color: var(--pf-v5-c-form__group-label-help--Color);
15545
- cursor: pointer;
15546
- background-color: var(--pf-v5-c-form__group-label-help--BackgroundColor);
15547
- border: 0;
15548
- transform: translateY(var(--pf-v5-c-form__group-label-help--TranslateY));
15549
- }
15550
- .pf-v5-c-form__group-label-help:hover {
15551
- --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--hover--Color);
15552
- }
15553
- .pf-v5-c-form__group-label-help:focus-within {
15554
- --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
15471
+ .pf-v5-c-form__group-label-help .pf-v5-c-button {
15472
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-form__group-label-help--FontSize);
15555
15473
  }
15556
15474
 
15557
15475
  .pf-v5-c-form__group-control {
@@ -22943,34 +22861,36 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22943
22861
  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
22944
22862
  }
22945
22863
 
22864
+ :root,
22946
22865
  .pf-v5-c-progress {
22947
- --pf-v5-c-progress--GridGap: var(--pf-v5-global--spacer--md);
22948
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-global--primary-color--100);
22949
- --pf-v5-c-progress__bar--Height: var(--pf-v5-global--spacer--md);
22950
- --pf-v5-c-progress__bar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
22866
+ --pf-v5-c-progress--GridGap: var(--pf-t--global--spacer--md);
22867
+ --pf-v5-c-progress__bar--Height: var(--pf-t--global--spacer--md);
22868
+ --pf-v5-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
22951
22869
  --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
22952
- --pf-v5-c-progress__status--Gap: var(--pf-v5-global--spacer--sm);
22953
- --pf-v5-c-progress__status-icon--Color: var(--pf-v5-global--Color--100);
22954
- --pf-v5-c-progress__bar--before--Opacity: .2;
22870
+ --pf-v5-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
22871
+ --pf-v5-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
22955
22872
  --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
22956
- --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress__bar--before--BackgroundColor);
22957
- --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-v5-global--spacer--xs) - var(--pf-v5-c-progress--GridGap));
22958
- --pf-v5-c-progress--m-success__bar--BackgroundColor: var(--pf-v5-global--success-color--100);
22959
- --pf-v5-c-progress--m-warning__bar--BackgroundColor: var(--pf-v5-global--warning-color--100);
22960
- --pf-v5-c-progress--m-danger__bar--BackgroundColor: var(--pf-v5-global--danger-color--100);
22961
- --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
22962
- --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
22963
- --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
22964
- --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-v5-global--spacer--xl);
22965
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
22966
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--Color--light-100);
22967
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--Color--dark-100);
22968
- --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22969
- --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22970
- --pf-v5-c-progress--m-sm__bar--Height: var(--pf-v5-global--spacer--sm);
22971
- --pf-v5-c-progress--m-sm__description--FontSize: var(--pf-v5-global--FontSize--sm);
22972
- --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-v5-global--FontSize--sm);
22973
- --pf-v5-c-progress--m-lg__bar--Height: var(--pf-v5-global--spacer--lg);
22873
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
22874
+ --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-t--global--spacer--sm) - var(--pf-v5-c-progress--GridGap));
22875
+ --pf-v5-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
22876
+ --pf-v5-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
22877
+ --pf-v5-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
22878
+ --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
22879
+ --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
22880
+ --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
22881
+ --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
22882
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
22883
+ --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
22884
+ --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
22885
+ --pf-v5-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
22886
+ --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
22887
+ --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
22888
+ --pf-v5-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
22889
+ --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
22890
+ --pf-v5-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
22891
+ }
22892
+
22893
+ .pf-v5-c-progress {
22974
22894
  display: grid;
22975
22895
  grid-template-rows: 1fr auto;
22976
22896
  grid-template-columns: auto auto;
@@ -22980,9 +22900,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22980
22900
  .pf-v5-c-progress.pf-m-sm {
22981
22901
  --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
22982
22902
  }
22983
- .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__description {
22984
- font-size: var(--pf-v5-c-progress--m-sm__description--FontSize);
22985
- }
22986
22903
  .pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
22987
22904
  font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
22988
22905
  }
@@ -23038,18 +22955,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23038
22955
  grid-template-columns: 1fr fit-content(50%);
23039
22956
  }
23040
22957
  .pf-v5-c-progress.pf-m-success {
23041
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-success__bar--BackgroundColor);
22958
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-success__indicator--BackgroundColor);
23042
22959
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
23043
22960
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
23044
22961
  }
23045
22962
  .pf-v5-c-progress.pf-m-warning {
23046
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-warning__bar--BackgroundColor);
22963
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-warning__indicator--BackgroundColor);
23047
22964
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
23048
22965
  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
23049
22966
  }
23050
22967
  .pf-v5-c-progress.pf-m-danger {
23051
- --pf-v5-c-progress__bar--before--BackgroundColor: var(--pf-v5-c-progress--m-danger__bar--BackgroundColor);
22968
+ --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-danger__indicator--BackgroundColor);
23052
22969
  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
22970
+ --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-danger--m-inside__measure--Color);
23053
22971
  }
23054
22972
 
23055
22973
  .pf-v5-c-progress__description {
@@ -23091,14 +23009,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23091
23009
  height: var(--pf-v5-c-progress__bar--Height);
23092
23010
  background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
23093
23011
  }
23094
- .pf-v5-c-progress__bar::before {
23095
- position: absolute;
23096
- width: 100%;
23097
- height: 100%;
23098
- content: "";
23099
- background-color: var(--pf-v5-c-progress__bar--before--BackgroundColor);
23100
- opacity: var(--pf-v5-c-progress__bar--before--Opacity);
23101
- }
23102
23012
 
23103
23013
  .pf-v5-c-progress__indicator {
23104
23014
  position: absolute;
@@ -23112,16 +23022,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23112
23022
  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
23113
23023
  }
23114
23024
 
23115
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
23116
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
23117
- }
23118
-
23119
- :where(.pf-theme-dark) .pf-v5-c-progress {
23120
- --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23121
- --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23122
- --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-v5-global--palette--black-900);
23123
- }
23124
-
23125
23025
  .pf-v5-c-progress-stepper {
23126
23026
  --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
23127
23027
  --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -24986,66 +24886,70 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24986
24886
  inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
24987
24887
  }
24988
24888
 
24889
+ :root,
24989
24890
  .pf-v5-c-slider {
24990
24891
  --pf-v5-c-slider--value: 0;
24991
24892
  --pf-v5-c-slider__step--Left: 0;
24992
- --pf-v5-c-slider__rail--PaddingTop: var(--pf-v5-global--spacer--md);
24993
- --pf-v5-c-slider__rail--PaddingBottom: var(--pf-v5-global--spacer--md);
24893
+ --pf-v5-c-slider__rail--PaddingTop: var(--pf-t--global--spacer--md);
24894
+ --pf-v5-c-slider__rail--PaddingBottom: var(--pf-t--global--spacer--md);
24994
24895
  --pf-v5-c-slider__rail-track--Height: 0.25rem;
24995
- --pf-v5-c-slider__rail-track--before--base--BackgroundColor: var(--pf-v5-global--BorderColor--100);
24996
- --pf-v5-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v5-global--active-color--300);
24997
- --pf-v5-c-slider__rail-track--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
24896
+ --pf-v5-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--border--color--default);
24897
+ --pf-v5-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
24898
+ --pf-v5-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
24998
24899
  --pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v5-c-slider--value);
24999
- --pf-v5-c-slider__rail-track--before--fill--direction: right;
25000
- --pf-v5-c-slider__steps--FontSize: var(--pf-v5-global--FontSize--sm);
24900
+ --pf-v5-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
25001
24901
  --pf-v5-c-slider__steps--Height: var(--pf-v5-c-slider__steps--FontSize);
25002
- --pf-v5-c-slider__step-tick--Top: var(--pf-v5-global--spacer--md);
24902
+ --pf-v5-c-slider__step-tick--Top: var(--pf-t--global--spacer--md);
25003
24903
  --pf-v5-c-slider__step-tick--Width: 0.25rem;
25004
24904
  --pf-v5-c-slider__step-tick--Height: 0.25rem;
25005
- --pf-v5-c-slider__step-tick--BackgroundColor: var(--pf-v5-global--BorderColor--200);
24905
+ --pf-v5-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--subtle);
25006
24906
  --pf-v5-c-slider__step-tick--TranslateX: -50%;
25007
- --pf-v5-c-slider__step-tick--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
25008
- --pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-global--primary-color--100);
24907
+ --pf-v5-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--large);
24908
+ --pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--brand--clicked);
25009
24909
  --pf-v5-c-slider__step--first-child__step-tick--TranslateX: 0;
25010
24910
  --pf-v5-c-slider__step--last-child__step-tick--TranslateX: -100%;
25011
24911
  --pf-v5-c-slider__step-label--TranslateX: -50%;
25012
- --pf-v5-c-slider__step-label--Top: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-slider__rail-track--Height));
24912
+ --pf-v5-c-slider__step-label--Top: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-slider__rail-track--Height));
25013
24913
  --pf-v5-c-slider__step--first-child__step-label--TranslateX: 0;
25014
24914
  --pf-v5-c-slider__step--last-child__step-label--TranslateX: -100%;
25015
- --pf-v5-c-slider__thumb--Top: calc(var(--pf-v5-c-slider__rail-track--Height) / 2 + var(--pf-v5-global--spacer--md));
24915
+ --pf-v5-c-slider__thumb--Top: calc(var(--pf-v5-c-slider__rail-track--Height) / 2 + var(--pf-t--global--spacer--md));
25016
24916
  --pf-v5-c-slider__thumb--Width: 1rem;
25017
24917
  --pf-v5-c-slider__thumb--Height: 1rem;
25018
24918
  --pf-v5-c-slider__thumb--Left: var(--pf-v5-c-slider--value);
25019
- --pf-v5-c-slider__thumb--BackgroundColor: var(--pf-v5-global--primary-color--100);
24919
+ --pf-v5-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
25020
24920
  --pf-v5-c-slider__thumb--TranslateX: -50%;
25021
24921
  --pf-v5-c-slider__thumb--TranslateY: -50%;
25022
- --pf-v5-c-slider__thumb--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
24922
+ --pf-v5-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
25023
24923
  --pf-v5-c-slider__thumb--BoxShadow--base:
25024
- 0 0 0 2px var(--pf-v5-global--BackgroundColor--100),
25025
- 0 0 0 3px var(--pf-v5-global--primary-color--100);
24924
+ 0 0 0 2px var(--pf-t--global--background--color--primary--default),
24925
+ 0 0 0 3px var(--pf-t--global--color--brand--default);
25026
24926
  --pf-v5-c-slider__thumb--hover--BoxShadow: var(--pf-v5-c-slider__thumb--BoxShadow--base);
25027
24927
  --pf-v5-c-slider__thumb--focus--BoxShadow: var(--pf-v5-c-slider__thumb--BoxShadow--base);
25028
24928
  --pf-v5-c-slider__thumb--active--BoxShadow:
25029
24929
  var(--pf-v5-c-slider__thumb--BoxShadow--base),
25030
- 0 0 2px 5px var(--pf-v5-global--active-color--200);
25031
- --pf-v5-c-slider__thumb--before--Width: var(--pf-v5-global--target-size--MinWidth);
25032
- --pf-v5-c-slider__thumb--before--Height: var(--pf-v5-global--target-size--MinHeight);
25033
- --pf-v5-c-slider__thumb--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
24930
+ 0 0 2px 5px var(--pf-t--global--color--nonstatus--blue--clicked);
24931
+ --pf-v5-c-slider__thumb--before--Width: 44px;
24932
+ --pf-v5-c-slider__thumb--before--Height: var(--pf-v5-c-slider__thumb--before--Width);
24933
+ --pf-v5-c-slider__thumb--before--BorderRadius: var(--pf-t--global--border--radius--large);
25034
24934
  --pf-v5-c-slider__thumb--before--TranslateX: -50%;
25035
24935
  --pf-v5-c-slider__thumb--before--TranslateY: -50%;
25036
- --pf-v5-c-slider__value--MarginLeft: var(--pf-v5-global--spacer--md);
25037
- --pf-v5-c-slider__value--c-form-control--width-base: 3.5ch;
24936
+ --pf-v5-c-slider__value--MarginLeft: var(--pf-t--global--spacer--md);
24937
+ --pf-v5-c-slider__value--c-form-control--width-base: calc(var(--pf-v5-c-form-control--PaddingLeft) + var(--pf-v5-c-form-control--PaddingRight) + 1.25rem);
25038
24938
  --pf-v5-c-slider__value--c-form-control--width-chars: 3;
25039
- --pf-v5-c-slider__value--c-form-control--Width: calc(var(--pf-v5-c-slider__value--c-form-control--width-base) + (var(--pf-v5-c-slider__value--c-form-control--width-chars) * 1ch));
24939
+ --pf-v5-c-slider__value--c-form-control--Width: calc(var(--pf-v5-c-slider__value--c-form-control--width-base) + var(--pf-v5-c-slider__value--c-form-control--width-chars) * 1ch);
25040
24940
  --pf-v5-c-slider__value--m-floating--TranslateX: -50%;
25041
24941
  --pf-v5-c-slider__value--m-floating--TranslateY: -100%;
25042
24942
  --pf-v5-c-slider__value--m-floating--Left: var(--pf-v5-c-slider--value);
25043
- --pf-v5-c-slider__value--m-floating--ZIndex: var(--pf-v5-global--ZIndex--sm);
25044
- --pf-v5-c-slider__actions--MarginRight: var(--pf-v5-global--spacer--sm);
25045
- --pf-v5-c-slider__main--actions--MarginLeft: var(--pf-v5-global--spacer--sm);
25046
- --pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-v5-global--palette--black-500);
25047
- --pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-v5-global--palette--black-700);
25048
- --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
24943
+ --pf-v5-c-slider__value--m-floating--ZIndex: var(--pf-t--global--Zindex--sm);
24944
+ --pf-v5-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
24945
+ --pf-v5-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
24946
+ --pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
24947
+ --pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--disabled);
24948
+ --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
24949
+ }
24950
+
24951
+ .pf-v5-c-slider {
24952
+ --pf-v5-c-slider__rail-track--before--fill--direction: right;
25049
24953
  display: flex;
25050
24954
  }
25051
24955
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {