@patternfly/patternfly 4.168.0 → 4.171.1

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/RELEASE-NOTES.md +41 -1
  2. package/components/ContextSelector/context-selector.css +7 -2
  3. package/components/ContextSelector/context-selector.scss +16 -11
  4. package/components/Dropdown/dropdown.css +12 -0
  5. package/components/Dropdown/dropdown.scss +11 -0
  6. package/components/Masthead/masthead.css +12 -6
  7. package/components/Masthead/masthead.scss +16 -5
  8. package/components/Menu/menu.css +1 -0
  9. package/components/Menu/menu.scss +1 -0
  10. package/components/MenuToggle/menu-toggle.css +13 -0
  11. package/components/MenuToggle/menu-toggle.scss +26 -12
  12. package/components/Nav/nav.css +2 -2
  13. package/components/Nav/nav.scss +4 -4
  14. package/components/OptionsMenu/options-menu.css +13 -2
  15. package/components/OptionsMenu/options-menu.scss +19 -7
  16. package/components/ProgressStepper/progress-stepper.css +2 -0
  17. package/components/ProgressStepper/progress-stepper.scss +2 -0
  18. package/components/Select/select.css +11 -0
  19. package/components/Select/select.scss +14 -0
  20. package/components/Sidebar/sidebar.css +1 -0
  21. package/components/Sidebar/sidebar.scss +1 -0
  22. package/components/Table/table-scrollable.css +2 -0
  23. package/components/Table/table-scrollable.scss +2 -0
  24. package/components/Table/table.css +1 -1
  25. package/components/Table/table.scss +1 -1
  26. package/components/Toolbar/toolbar.css +7 -0
  27. package/components/Toolbar/toolbar.scss +10 -0
  28. package/docs/components/BackToTop/examples/BackToTop.md +0 -1
  29. package/docs/components/JumpLinks/examples/JumpLinks.md +0 -1
  30. package/docs/components/TextInputGroup/examples/TextInputGroup.md +26 -1
  31. package/docs/components/Toolbar/examples/Toolbar.md +1 -0
  32. package/docs/demos/BackToTop/examples/BackToTop.md +0 -1
  33. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -1
  34. package/docs/demos/Masthead/examples/Masthead.md +865 -1
  35. package/package.json +1 -1
  36. package/patternfly-no-reset.css +84 -13
  37. package/patternfly.css +84 -13
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -8511,6 +8511,8 @@ label.pf-c-check, .pf-c-check__label,
8511
8511
  --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
8512
8512
  --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
8513
8513
  --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
8514
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
8515
+ --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
8514
8516
  --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
8515
8517
  --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
8516
8518
  --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -8673,6 +8675,7 @@ label.pf-c-check, .pf-c-check__label,
8673
8675
  .pf-c-context-selector__toggle.pf-m-plain {
8674
8676
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
8675
8677
  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
8678
+ --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
8676
8679
  }
8677
8680
  .pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
8678
8681
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
@@ -8683,11 +8686,12 @@ label.pf-c-check, .pf-c-check__label,
8683
8686
  width: auto;
8684
8687
  color: var(--pf-c-context-selector__toggle--m-plain--Color);
8685
8688
  }
8686
- .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):disabled {
8689
+ .pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
8687
8690
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
8688
8691
  }
8689
- .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
8692
+ .pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
8690
8693
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
8694
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
8691
8695
  }
8692
8696
  .pf-c-context-selector__toggle.pf-m-plain::before {
8693
8697
  border: 0;
@@ -8704,6 +8708,7 @@ label.pf-c-check, .pf-c-check__label,
8704
8708
  .pf-c-context-selector__toggle-icon {
8705
8709
  margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
8706
8710
  margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
8711
+ color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
8707
8712
  }
8708
8713
 
8709
8714
  .pf-c-context-selector__menu {
@@ -10230,6 +10235,7 @@ label.pf-c-check, .pf-c-check__label,
10230
10235
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
10231
10236
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
10232
10237
  --pf-c-toolbar__item--Display: block;
10238
+ --pf-c-toolbar__item--MinWidth--base: auto;
10233
10239
  --pf-c-toolbar__group--Display: flex;
10234
10240
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
10235
10241
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
@@ -10486,6 +10492,12 @@ label.pf-c-check, .pf-c-check__label,
10486
10492
  --pf-c-toolbar--spacer: 0;
10487
10493
  }
10488
10494
 
10495
+ .pf-c-toolbar__group.pf-m-overflow-container,
10496
+ .pf-c-toolbar__item.pf-m-overflow-container {
10497
+ flex: 1;
10498
+ overflow: hidden;
10499
+ }
10500
+
10489
10501
  .pf-c-toolbar__expand-all-icon {
10490
10502
  display: inline-block;
10491
10503
  transition: var(--pf-c-toolbar__expand-all-icon--Transition);
@@ -12476,6 +12488,8 @@ label.pf-c-check, .pf-c-check__label,
12476
12488
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12477
12489
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
12478
12490
  --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
12491
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12492
+ --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
12479
12493
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
12480
12494
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
12481
12495
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -12698,6 +12712,9 @@ label.pf-c-check, .pf-c-check__label,
12698
12712
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12699
12713
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12700
12714
  }
12715
+ .pf-c-dropdown__toggle.pf-m-plain {
12716
+ --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
12717
+ }
12701
12718
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12702
12719
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12703
12720
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -12712,6 +12729,7 @@ label.pf-c-check, .pf-c-check__label,
12712
12729
  }
12713
12730
  .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
12714
12731
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
12732
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
12715
12733
  }
12716
12734
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
12717
12735
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -12773,10 +12791,15 @@ label.pf-c-check, .pf-c-check__label,
12773
12791
  white-space: nowrap;
12774
12792
  }
12775
12793
 
12794
+ .pf-c-dropdown__toggle-text {
12795
+ flex: 0 1 auto;
12796
+ }
12797
+
12776
12798
  .pf-c-dropdown__toggle-icon {
12777
12799
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
12778
12800
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
12779
12801
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
12802
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
12780
12803
  }
12781
12804
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
12782
12805
  transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -12784,6 +12807,7 @@ label.pf-c-check, .pf-c-check__label,
12784
12807
 
12785
12808
  .pf-c-dropdown__toggle-image {
12786
12809
  display: inline-flex;
12810
+ flex-shrink: 0;
12787
12811
  margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
12788
12812
  margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
12789
12813
  margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
@@ -15714,13 +15738,8 @@ ul.pf-c-list {
15714
15738
  padding-left: var(--pf-c-masthead--PaddingLeft);
15715
15739
  background-color: var(--pf-c-masthead--BackgroundColor);
15716
15740
  }
15717
- @media screen and (min-width: 1200px) {
15718
- .pf-c-masthead {
15719
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15720
- }
15721
- }
15722
15741
  @media screen and (min-width: 768px) {
15723
- .pf-c-masthead {
15742
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15724
15743
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
15725
15744
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
15726
15745
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -15740,6 +15759,14 @@ ul.pf-c-list {
15740
15759
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
15741
15760
  }
15742
15761
  }
15762
+ @media screen and (min-width: 1200px) {
15763
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15764
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15765
+ }
15766
+ }
15767
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
15768
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15769
+ }
15743
15770
  .pf-c-masthead.pf-m-light {
15744
15771
  color: var(--pf-global--Color--100);
15745
15772
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -15796,6 +15823,9 @@ ul.pf-c-list {
15796
15823
  --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
15797
15824
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
15798
15825
  }
15826
+ .pf-c-masthead .pf-c-nav {
15827
+ align-self: stretch;
15828
+ }
15799
15829
 
15800
15830
  .pf-c-masthead__main {
15801
15831
  position: relative;
@@ -16375,6 +16405,7 @@ ul.pf-c-list {
16375
16405
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
16376
16406
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
16377
16407
  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
16408
+ --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
16378
16409
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
16379
16410
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16380
16411
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16841,6 +16872,11 @@ ul.pf-c-list {
16841
16872
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
16842
16873
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
16843
16874
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
16875
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
16876
+ --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
16877
+ --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
16878
+ --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
16879
+ --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
16844
16880
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
16845
16881
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
16846
16882
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16920,6 +16956,9 @@ ul.pf-c-list {
16920
16956
  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
16921
16957
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
16922
16958
  }
16959
+ .pf-c-menu-toggle.pf-m-plain {
16960
+ --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
16961
+ }
16923
16962
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16924
16963
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16925
16964
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16936,22 +16975,26 @@ ul.pf-c-list {
16936
16975
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
16937
16976
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
16938
16977
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
16978
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
16939
16979
  }
16940
16980
  .pf-c-menu-toggle:focus {
16941
16981
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
16942
16982
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
16943
16983
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
16984
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
16944
16985
  }
16945
16986
  .pf-c-menu-toggle:active {
16946
16987
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
16947
16988
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
16948
16989
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
16990
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
16949
16991
  }
16950
16992
  .pf-c-menu-toggle.pf-m-expanded {
16951
16993
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
16952
16994
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
16953
16995
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
16954
16996
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
16997
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
16955
16998
  }
16956
16999
  .pf-c-menu-toggle:disabled {
16957
17000
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -16996,6 +17039,7 @@ ul.pf-c-list {
16996
17039
 
16997
17040
  .pf-c-menu-toggle__toggle-icon {
16998
17041
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
17042
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
16999
17043
  }
17000
17044
 
17001
17045
  .pf-c-modal-box {
@@ -17712,7 +17756,7 @@ ul.pf-c-list {
17712
17756
  --pf-c-menu__list--PaddingTop: 0;
17713
17757
  --pf-c-menu__list--PaddingBottom: 0;
17714
17758
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
17715
- --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
17759
+ --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
17716
17760
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
17717
17761
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
17718
17762
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17896,9 +17940,9 @@ ul.pf-c-list {
17896
17940
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
17897
17941
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
17898
17942
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
17943
+ --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17899
17944
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
17900
17945
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
17901
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17902
17946
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
17903
17947
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
17904
17948
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -18660,6 +18704,8 @@ ul.pf-c-list {
18660
18704
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
18661
18705
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
18662
18706
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
18707
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
18708
+ --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
18663
18709
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
18664
18710
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
18665
18711
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -18752,6 +18798,9 @@ ul.pf-c-list {
18752
18798
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
18753
18799
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
18754
18800
  }
18801
+ .pf-c-options-menu__toggle.pf-m-plain {
18802
+ --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
18803
+ }
18755
18804
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18756
18805
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
18757
18806
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -18761,10 +18810,11 @@ ul.pf-c-list {
18761
18810
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
18762
18811
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
18763
18812
  }
18764
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18813
+ .pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
18765
18814
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
18815
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
18766
18816
  }
18767
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled {
18817
+ .pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
18768
18818
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
18769
18819
  }
18770
18820
  .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -18793,6 +18843,11 @@ ul.pf-c-list {
18793
18843
  white-space: nowrap;
18794
18844
  }
18795
18845
 
18846
+ .pf-c-options-menu__toggle-icon,
18847
+ .pf-c-options-menu__toggle-button-icon {
18848
+ color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
18849
+ }
18850
+
18796
18851
  .pf-c-options-menu__toggle-icon {
18797
18852
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
18798
18853
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -20418,6 +20473,8 @@ ul.pf-c-list {
20418
20473
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
20419
20474
  --pf-c-progress-stepper__step-description--TextAlign: left;
20420
20475
  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
20476
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
20477
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
20421
20478
  position: relative;
20422
20479
  display: grid;
20423
20480
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20900,6 +20957,8 @@ label.pf-c-radio, .pf-c-radio__label,
20900
20957
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
20901
20958
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
20902
20959
  --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
20960
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
20961
+ --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
20903
20962
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
20904
20963
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
20905
20964
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -21077,9 +21136,15 @@ label.pf-c-radio, .pf-c-radio__label,
21077
21136
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
21078
21137
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
21079
21138
  }
21139
+ .pf-c-select__toggle.pf-m-plain {
21140
+ --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
21141
+ }
21080
21142
  .pf-c-select__toggle.pf-m-plain::before {
21081
21143
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
21082
21144
  }
21145
+ .pf-c-select__toggle.pf-m-plain:hover, .pf-c-select__toggle.pf-m-plain:active, .pf-c-select__toggle.pf-m-plain.pf-m-active, .pf-c-select__toggle.pf-m-plain:focus, .pf-c-select.pf-m-expanded > .pf-c-select__toggle.pf-m-plain {
21146
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
21147
+ }
21083
21148
  .pf-c-select__toggle.pf-m-typeahead {
21084
21149
  --pf-c-select__toggle--PaddingTop: 0;
21085
21150
  --pf-c-select__toggle--PaddingRight: 0;
@@ -21108,6 +21173,9 @@ label.pf-c-radio, .pf-c-radio__label,
21108
21173
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
21109
21174
  }
21110
21175
 
21176
+ .pf-c-select__toggle-arrow {
21177
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
21178
+ }
21111
21179
  * + .pf-c-select__toggle-arrow {
21112
21180
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
21113
21181
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21401,6 +21469,7 @@ label.pf-c-radio, .pf-c-radio__label,
21401
21469
  --pf-c-sidebar--m-split__panel--Position: static;
21402
21470
  --pf-c-sidebar--m-split__panel--Top: auto;
21403
21471
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
21472
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
21404
21473
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
21405
21474
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
21406
21475
  --pf-c-sidebar__panel--Top: 0;
@@ -24490,7 +24559,7 @@ svg.pf-c-spinner.pf-m-xl {
24490
24559
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
24491
24560
  }
24492
24561
  .pf-c-table tr > *.pf-m-border-left::before {
24493
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
24562
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
24494
24563
  }
24495
24564
  .pf-c-table caption {
24496
24565
  padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -25177,6 +25246,8 @@ svg.pf-c-spinner.pf-m-xl {
25177
25246
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
25178
25247
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
25179
25248
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
25249
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
25250
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
25180
25251
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
25181
25252
  }
25182
25253
  .pf-c-table .pf-c-table__sticky-column {