@patternfly/patternfly 6.0.0-alpha.85 → 6.0.0-alpha.87

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 (39) hide show
  1. package/components/DualListSelector/dual-list-selector.css +3 -8
  2. package/components/DualListSelector/dual-list-selector.scss +5 -11
  3. package/components/Login/login.css +5 -0
  4. package/components/Login/login.scss +7 -0
  5. package/components/MenuToggle/menu-toggle.css +6 -22
  6. package/components/MenuToggle/menu-toggle.scss +7 -31
  7. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  8. package/docs/components/LogViewer/examples/LogViewer.md +30 -10
  9. package/docs/components/MenuToggle/examples/MenuToggle.md +113 -132
  10. package/docs/components/Toolbar/examples/Toolbar.md +21 -7
  11. package/docs/demos/AboutModal/examples/AboutModal.md +12 -4
  12. package/docs/demos/Alert/examples/Alert.md +36 -12
  13. package/docs/demos/BackToTop/examples/BackToTop.md +12 -4
  14. package/docs/demos/Banner/examples/Banner.md +24 -8
  15. package/docs/demos/CardView/examples/CardView.md +15 -5
  16. package/docs/demos/ContextSelector/examples/ContextSelector.md +36 -12
  17. package/docs/demos/Dashboard/examples/Dashboard.md +12 -4
  18. package/docs/demos/DataList/examples/DataList.md +57 -19
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +36 -12
  20. package/docs/demos/Drawer/examples/Drawer.md +60 -20
  21. package/docs/demos/JumpLinks/examples/JumpLinks.md +72 -24
  22. package/docs/demos/Masthead/examples/Masthead.md +48 -16
  23. package/docs/demos/Modal/examples/Modal.md +72 -24
  24. package/docs/demos/Nav/examples/Nav.md +72 -24
  25. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +60 -20
  26. package/docs/demos/Page/examples/Page.md +108 -36
  27. package/docs/demos/Page/examples/Penta.md +3 -1
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +96 -32
  29. package/docs/demos/Skeleton/examples/Skeleton.md +12 -4
  30. package/docs/demos/Table/examples/Table.md +216 -72
  31. package/docs/demos/Tabs/examples/Tabs.md +75 -25
  32. package/docs/demos/Toolbar/examples/Toolbar.md +48 -16
  33. package/docs/demos/Wizard/examples/Wizard.md +108 -36
  34. package/package.json +1 -1
  35. package/patternfly-no-globals.css +14 -30
  36. package/patternfly-theme-dark-unversioned.css +14 -30
  37. package/patternfly.css +14 -30
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -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 {
@@ -19400,6 +19395,7 @@ ul.pf-v5-c-list {
19400
19395
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19401
19396
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19402
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);
19403
19399
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19404
19400
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19405
19401
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19586,6 +19582,10 @@ ul.pf-v5-c-list {
19586
19582
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19587
19583
  }
19588
19584
 
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);
19587
+ }
19588
+
19589
19589
  .pf-v5-c-login__main-footer-band {
19590
19590
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19591
19591
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
@@ -20580,8 +20580,6 @@ ul.pf-v5-c-list {
20580
20580
  --pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
20581
20581
  --pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20582
20582
  --pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20583
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
20584
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
20585
20583
  --pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
20586
20584
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
20587
20585
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
@@ -20609,9 +20607,8 @@ ul.pf-v5-c-list {
20609
20607
  --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20610
20608
  --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20611
20609
  --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20612
- --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
20613
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
20614
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20610
+ --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
20611
+ --pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
20615
20612
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20616
20613
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20617
20614
  }
@@ -20619,6 +20616,7 @@ ul.pf-v5-c-list {
20619
20616
  .pf-v5-c-menu-toggle {
20620
20617
  position: relative;
20621
20618
  display: inline-flex;
20619
+ column-gap: var(--pf-v5-c-menu-toggle--ColumnGap);
20622
20620
  align-items: center;
20623
20621
  justify-content: center;
20624
20622
  min-width: var(--pf-v5-c-menu-toggle--MinWidth);
@@ -20703,22 +20701,12 @@ ul.pf-v5-c-list {
20703
20701
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
20704
20702
  --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20705
20703
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20704
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor);
20706
20705
  mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20707
20706
  }
20708
20707
  .pf-v5-c-menu-toggle.pf-m-plain::before {
20709
20708
  border: none;
20710
20709
  }
20711
- .pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
20712
- padding: revert;
20713
- }
20714
- .pf-v5-c-menu-toggle:is(button),
20715
- .pf-v5-c-menu-toggle .pf-v5-c-button {
20716
- background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
20717
- }
20718
- .pf-v5-c-menu-toggle:is(button):has(> i:only-child),
20719
- .pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
20720
- aspect-ratio: 1/1;
20721
- }
20722
20710
  .pf-v5-c-menu-toggle:is(:hover, :focus) {
20723
20711
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
20724
20712
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
@@ -20756,6 +20744,7 @@ ul.pf-v5-c-list {
20756
20744
  }
20757
20745
 
20758
20746
  .pf-v5-c-menu-toggle.pf-m-split-button {
20747
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20759
20748
  padding: 0;
20760
20749
  }
20761
20750
  .pf-v5-c-menu-toggle.pf-m-split-button > * {
@@ -20789,7 +20778,6 @@ ul.pf-v5-c-list {
20789
20778
  }
20790
20779
 
20791
20780
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
20792
- --pf-v5-c-menu-toggle--ColumnGap: 0;
20793
20781
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
20794
20782
  }
20795
20783
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
@@ -20830,6 +20818,7 @@ ul.pf-v5-c-list {
20830
20818
 
20831
20819
  .pf-v5-c-menu-toggle.pf-m-typeahead {
20832
20820
  --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20821
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20833
20822
  align-items: stretch;
20834
20823
  padding: 0;
20835
20824
  }
@@ -20837,7 +20826,6 @@ ul.pf-v5-c-list {
20837
20826
  --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20838
20827
  }
20839
20828
  .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
20840
- --pf-v5-c-menu-toggle--ColumnGap: 0;
20841
20829
  --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20842
20830
  display: flex;
20843
20831
  align-items: stretch;
@@ -20864,8 +20852,6 @@ ul.pf-v5-c-list {
20864
20852
  .pf-v5-c-menu-toggle__icon {
20865
20853
  flex-shrink: 0;
20866
20854
  align-self: center;
20867
- margin-inline-end: var(--pf-v5-c-menu-toggle__icon--MarginRight);
20868
- line-height: 1;
20869
20855
  }
20870
20856
 
20871
20857
  .pf-v5-c-menu-toggle__text {
@@ -20878,7 +20864,6 @@ ul.pf-v5-c-list {
20878
20864
  .pf-v5-c-menu-toggle__count {
20879
20865
  display: flex;
20880
20866
  flex-wrap: nowrap;
20881
- margin-inline-start: var(--pf-v5-c-menu-toggle__count--MarginLeft);
20882
20867
  }
20883
20868
 
20884
20869
  .pf-v5-c-menu-toggle__controls {
@@ -20886,7 +20871,6 @@ ul.pf-v5-c-list {
20886
20871
  align-items: center;
20887
20872
  justify-content: center;
20888
20873
  min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20889
- margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
20890
20874
  }
20891
20875
 
20892
20876
  .pf-v5-c-menu-toggle__toggle-icon {
package/patternfly.css CHANGED
@@ -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 {
@@ -19400,6 +19395,7 @@ ul.pf-v5-c-list {
19400
19395
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19401
19396
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19402
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);
19403
19399
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19404
19400
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19405
19401
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19586,6 +19582,10 @@ ul.pf-v5-c-list {
19586
19582
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19587
19583
  }
19588
19584
 
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);
19587
+ }
19588
+
19589
19589
  .pf-v5-c-login__main-footer-band {
19590
19590
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19591
19591
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
@@ -20580,8 +20580,6 @@ ul.pf-v5-c-list {
20580
20580
  --pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
20581
20581
  --pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20582
20582
  --pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20583
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
20584
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
20585
20583
  --pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
20586
20584
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
20587
20585
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
@@ -20609,9 +20607,8 @@ ul.pf-v5-c-list {
20609
20607
  --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20610
20608
  --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20611
20609
  --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20612
- --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
20613
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
20614
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20610
+ --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
20611
+ --pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
20615
20612
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20616
20613
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20617
20614
  }
@@ -20619,6 +20616,7 @@ ul.pf-v5-c-list {
20619
20616
  .pf-v5-c-menu-toggle {
20620
20617
  position: relative;
20621
20618
  display: inline-flex;
20619
+ column-gap: var(--pf-v5-c-menu-toggle--ColumnGap);
20622
20620
  align-items: center;
20623
20621
  justify-content: center;
20624
20622
  min-width: var(--pf-v5-c-menu-toggle--MinWidth);
@@ -20703,22 +20701,12 @@ ul.pf-v5-c-list {
20703
20701
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
20704
20702
  --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20705
20703
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20704
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor);
20706
20705
  mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20707
20706
  }
20708
20707
  .pf-v5-c-menu-toggle.pf-m-plain::before {
20709
20708
  border: none;
20710
20709
  }
20711
- .pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
20712
- padding: revert;
20713
- }
20714
- .pf-v5-c-menu-toggle:is(button),
20715
- .pf-v5-c-menu-toggle .pf-v5-c-button {
20716
- background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
20717
- }
20718
- .pf-v5-c-menu-toggle:is(button):has(> i:only-child),
20719
- .pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
20720
- aspect-ratio: 1/1;
20721
- }
20722
20710
  .pf-v5-c-menu-toggle:is(:hover, :focus) {
20723
20711
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
20724
20712
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
@@ -20756,6 +20744,7 @@ ul.pf-v5-c-list {
20756
20744
  }
20757
20745
 
20758
20746
  .pf-v5-c-menu-toggle.pf-m-split-button {
20747
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20759
20748
  padding: 0;
20760
20749
  }
20761
20750
  .pf-v5-c-menu-toggle.pf-m-split-button > * {
@@ -20789,7 +20778,6 @@ ul.pf-v5-c-list {
20789
20778
  }
20790
20779
 
20791
20780
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
20792
- --pf-v5-c-menu-toggle--ColumnGap: 0;
20793
20781
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
20794
20782
  }
20795
20783
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
@@ -20830,6 +20818,7 @@ ul.pf-v5-c-list {
20830
20818
 
20831
20819
  .pf-v5-c-menu-toggle.pf-m-typeahead {
20832
20820
  --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20821
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20833
20822
  align-items: stretch;
20834
20823
  padding: 0;
20835
20824
  }
@@ -20837,7 +20826,6 @@ ul.pf-v5-c-list {
20837
20826
  --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20838
20827
  }
20839
20828
  .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
20840
- --pf-v5-c-menu-toggle--ColumnGap: 0;
20841
20829
  --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20842
20830
  display: flex;
20843
20831
  align-items: stretch;
@@ -20864,8 +20852,6 @@ ul.pf-v5-c-list {
20864
20852
  .pf-v5-c-menu-toggle__icon {
20865
20853
  flex-shrink: 0;
20866
20854
  align-self: center;
20867
- margin-inline-end: var(--pf-v5-c-menu-toggle__icon--MarginRight);
20868
- line-height: 1;
20869
20855
  }
20870
20856
 
20871
20857
  .pf-v5-c-menu-toggle__text {
@@ -20878,7 +20864,6 @@ ul.pf-v5-c-list {
20878
20864
  .pf-v5-c-menu-toggle__count {
20879
20865
  display: flex;
20880
20866
  flex-wrap: nowrap;
20881
- margin-inline-start: var(--pf-v5-c-menu-toggle__count--MarginLeft);
20882
20867
  }
20883
20868
 
20884
20869
  .pf-v5-c-menu-toggle__controls {
@@ -20886,7 +20871,6 @@ ul.pf-v5-c-list {
20886
20871
  align-items: center;
20887
20872
  justify-content: center;
20888
20873
  min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20889
- margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
20890
20874
  }
20891
20875
 
20892
20876
  .pf-v5-c-menu-toggle__toggle-icon {