@patternfly/patternfly 4.171.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 (30) 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 +7 -0
  5. package/components/Dropdown/dropdown.scss +6 -0
  6. package/components/Menu/menu.css +1 -0
  7. package/components/Menu/menu.scss +1 -0
  8. package/components/MenuToggle/menu-toggle.css +13 -0
  9. package/components/MenuToggle/menu-toggle.scss +26 -12
  10. package/components/Nav/nav.css +2 -2
  11. package/components/Nav/nav.scss +4 -4
  12. package/components/OptionsMenu/options-menu.css +13 -2
  13. package/components/OptionsMenu/options-menu.scss +19 -7
  14. package/components/ProgressStepper/progress-stepper.css +2 -0
  15. package/components/ProgressStepper/progress-stepper.scss +2 -0
  16. package/components/Select/select.css +11 -0
  17. package/components/Select/select.scss +14 -0
  18. package/components/Sidebar/sidebar.css +1 -0
  19. package/components/Sidebar/sidebar.scss +1 -0
  20. package/components/Table/table-scrollable.css +2 -0
  21. package/components/Table/table-scrollable.scss +2 -0
  22. package/components/Table/table.css +1 -1
  23. package/components/Table/table.scss +1 -1
  24. package/components/Toolbar/toolbar.css +1 -0
  25. package/components/Toolbar/toolbar.scss +1 -0
  26. package/package.json +1 -1
  27. package/patternfly-no-reset.css +61 -7
  28. package/patternfly.css +61 -7
  29. package/patternfly.min.css +1 -1
  30. package/patternfly.min.css.map +1 -1
package/components/Table/table-scrollable.css CHANGED
@@ -7,6 +7,8 @@
7
7
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
8
8
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
9
9
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
10
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
11
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
10
12
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
11
13
  }
12
14
  .pf-c-table .pf-c-table__sticky-column {
package/components/Table/table-scrollable.scss CHANGED
@@ -7,6 +7,8 @@
7
7
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
8
8
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
9
9
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
10
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
11
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
10
12
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
11
13
 
12
14
  .pf-c-table__sticky-column {
package/components/Table/table.css CHANGED
@@ -382,7 +382,7 @@
382
382
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
383
383
  }
384
384
  .pf-c-table tr > *.pf-m-border-left::before {
385
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
385
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
386
386
  }
387
387
  .pf-c-table caption {
388
388
  padding-top: var(--pf-c-table-caption--PaddingTop);
package/components/Table/table.scss CHANGED
@@ -440,7 +440,7 @@
440
440
  }
441
441
 
442
442
  &.pf-m-border-left::before {
443
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
443
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
444
444
  }
445
445
  }
446
446
 
package/components/Toolbar/toolbar.css CHANGED
@@ -68,6 +68,7 @@
68
68
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
69
69
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
70
70
  --pf-c-toolbar__item--Display: block;
71
+ --pf-c-toolbar__item--MinWidth--base: auto;
71
72
  --pf-c-toolbar__group--Display: flex;
72
73
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
73
74
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
package/components/Toolbar/toolbar.scss CHANGED
@@ -12,6 +12,7 @@ $pf-c-toolbar--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl"
12
12
 
13
13
  // Item
14
14
  --pf-c-toolbar__item--Display: block;
15
+ --pf-c-toolbar__item--MinWidth--base: auto;
15
16
 
16
17
  // Group
17
18
  --pf-c-toolbar__group--Display: flex;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.171.0",
4
+ "version": "4.171.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -8389,6 +8389,8 @@ label.pf-c-check, .pf-c-check__label,
8389
8389
  --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
8390
8390
  --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
8391
8391
  --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
8392
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
8393
+ --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
8392
8394
  --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
8393
8395
  --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
8394
8396
  --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -8551,6 +8553,7 @@ label.pf-c-check, .pf-c-check__label,
8551
8553
  .pf-c-context-selector__toggle.pf-m-plain {
8552
8554
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
8553
8555
  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
8556
+ --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
8554
8557
  }
8555
8558
  .pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
8556
8559
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
@@ -8561,11 +8564,12 @@ label.pf-c-check, .pf-c-check__label,
8561
8564
  width: auto;
8562
8565
  color: var(--pf-c-context-selector__toggle--m-plain--Color);
8563
8566
  }
8564
- .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 {
8567
+ .pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
8565
8568
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
8566
8569
  }
8567
- .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) {
8570
+ .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 {
8568
8571
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
8572
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
8569
8573
  }
8570
8574
  .pf-c-context-selector__toggle.pf-m-plain::before {
8571
8575
  border: 0;
@@ -8582,6 +8586,7 @@ label.pf-c-check, .pf-c-check__label,
8582
8586
  .pf-c-context-selector__toggle-icon {
8583
8587
  margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
8584
8588
  margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
8589
+ color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
8585
8590
  }
8586
8591
 
8587
8592
  .pf-c-context-selector__menu {
@@ -10108,6 +10113,7 @@ label.pf-c-check, .pf-c-check__label,
10108
10113
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
10109
10114
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
10110
10115
  --pf-c-toolbar__item--Display: block;
10116
+ --pf-c-toolbar__item--MinWidth--base: auto;
10111
10117
  --pf-c-toolbar__group--Display: flex;
10112
10118
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
10113
10119
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
@@ -12360,6 +12366,8 @@ label.pf-c-check, .pf-c-check__label,
12360
12366
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12361
12367
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
12362
12368
  --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
12369
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12370
+ --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
12363
12371
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
12364
12372
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
12365
12373
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -12582,6 +12590,9 @@ label.pf-c-check, .pf-c-check__label,
12582
12590
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12583
12591
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12584
12592
  }
12593
+ .pf-c-dropdown__toggle.pf-m-plain {
12594
+ --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
12595
+ }
12585
12596
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12586
12597
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12587
12598
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -12596,6 +12607,7 @@ label.pf-c-check, .pf-c-check__label,
12596
12607
  }
12597
12608
  .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 {
12598
12609
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
12610
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
12599
12611
  }
12600
12612
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
12601
12613
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -12665,6 +12677,7 @@ label.pf-c-check, .pf-c-check__label,
12665
12677
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
12666
12678
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
12667
12679
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
12680
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
12668
12681
  }
12669
12682
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
12670
12683
  transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -16270,6 +16283,7 @@ ul.pf-c-list {
16270
16283
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
16271
16284
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
16272
16285
  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
16286
+ --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
16273
16287
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
16274
16288
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16275
16289
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16736,6 +16750,11 @@ ul.pf-c-list {
16736
16750
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
16737
16751
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
16738
16752
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
16753
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
16754
+ --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
16755
+ --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
16756
+ --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
16757
+ --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
16739
16758
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
16740
16759
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
16741
16760
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16815,6 +16834,9 @@ ul.pf-c-list {
16815
16834
  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
16816
16835
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
16817
16836
  }
16837
+ .pf-c-menu-toggle.pf-m-plain {
16838
+ --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
16839
+ }
16818
16840
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16819
16841
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16820
16842
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16831,22 +16853,26 @@ ul.pf-c-list {
16831
16853
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
16832
16854
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
16833
16855
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
16856
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
16834
16857
  }
16835
16858
  .pf-c-menu-toggle:focus {
16836
16859
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
16837
16860
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
16838
16861
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
16862
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
16839
16863
  }
16840
16864
  .pf-c-menu-toggle:active {
16841
16865
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
16842
16866
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
16843
16867
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
16868
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
16844
16869
  }
16845
16870
  .pf-c-menu-toggle.pf-m-expanded {
16846
16871
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
16847
16872
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
16848
16873
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
16849
16874
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
16875
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
16850
16876
  }
16851
16877
  .pf-c-menu-toggle:disabled {
16852
16878
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -16891,6 +16917,7 @@ ul.pf-c-list {
16891
16917
 
16892
16918
  .pf-c-menu-toggle__toggle-icon {
16893
16919
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
16920
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
16894
16921
  }
16895
16922
 
16896
16923
  .pf-c-modal-box {
@@ -17607,7 +17634,7 @@ ul.pf-c-list {
17607
17634
  --pf-c-menu__list--PaddingTop: 0;
17608
17635
  --pf-c-menu__list--PaddingBottom: 0;
17609
17636
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
17610
- --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
17637
+ --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
17611
17638
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
17612
17639
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
17613
17640
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17791,9 +17818,9 @@ ul.pf-c-list {
17791
17818
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
17792
17819
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
17793
17820
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
17821
+ --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17794
17822
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
17795
17823
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
17796
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17797
17824
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
17798
17825
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
17799
17826
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -18555,6 +18582,8 @@ ul.pf-c-list {
18555
18582
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
18556
18583
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
18557
18584
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
18585
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
18586
+ --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
18558
18587
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
18559
18588
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
18560
18589
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -18647,6 +18676,9 @@ ul.pf-c-list {
18647
18676
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
18648
18677
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
18649
18678
  }
18679
+ .pf-c-options-menu__toggle.pf-m-plain {
18680
+ --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
18681
+ }
18650
18682
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18651
18683
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
18652
18684
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -18656,10 +18688,11 @@ ul.pf-c-list {
18656
18688
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
18657
18689
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
18658
18690
  }
18659
- .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) {
18691
+ .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 {
18660
18692
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
18693
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
18661
18694
  }
18662
- .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 {
18695
+ .pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
18663
18696
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
18664
18697
  }
18665
18698
  .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -18688,6 +18721,11 @@ ul.pf-c-list {
18688
18721
  white-space: nowrap;
18689
18722
  }
18690
18723
 
18724
+ .pf-c-options-menu__toggle-icon,
18725
+ .pf-c-options-menu__toggle-button-icon {
18726
+ color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
18727
+ }
18728
+
18691
18729
  .pf-c-options-menu__toggle-icon {
18692
18730
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
18693
18731
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -20313,6 +20351,8 @@ ul.pf-c-list {
20313
20351
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
20314
20352
  --pf-c-progress-stepper__step-description--TextAlign: left;
20315
20353
  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
20354
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
20355
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
20316
20356
  position: relative;
20317
20357
  display: grid;
20318
20358
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20795,6 +20835,8 @@ label.pf-c-radio, .pf-c-radio__label,
20795
20835
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
20796
20836
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
20797
20837
  --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
20838
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
20839
+ --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
20798
20840
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
20799
20841
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
20800
20842
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -20972,9 +21014,15 @@ label.pf-c-radio, .pf-c-radio__label,
20972
21014
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
20973
21015
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
20974
21016
  }
21017
+ .pf-c-select__toggle.pf-m-plain {
21018
+ --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
21019
+ }
20975
21020
  .pf-c-select__toggle.pf-m-plain::before {
20976
21021
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
20977
21022
  }
21023
+ .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 {
21024
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
21025
+ }
20978
21026
  .pf-c-select__toggle.pf-m-typeahead {
20979
21027
  --pf-c-select__toggle--PaddingTop: 0;
20980
21028
  --pf-c-select__toggle--PaddingRight: 0;
@@ -21003,6 +21051,9 @@ label.pf-c-radio, .pf-c-radio__label,
21003
21051
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
21004
21052
  }
21005
21053
 
21054
+ .pf-c-select__toggle-arrow {
21055
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
21056
+ }
21006
21057
  * + .pf-c-select__toggle-arrow {
21007
21058
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
21008
21059
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21296,6 +21347,7 @@ label.pf-c-radio, .pf-c-radio__label,
21296
21347
  --pf-c-sidebar--m-split__panel--Position: static;
21297
21348
  --pf-c-sidebar--m-split__panel--Top: auto;
21298
21349
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
21350
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
21299
21351
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
21300
21352
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
21301
21353
  --pf-c-sidebar__panel--Top: 0;
@@ -24385,7 +24437,7 @@ svg.pf-c-spinner.pf-m-xl {
24385
24437
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
24386
24438
  }
24387
24439
  .pf-c-table tr > *.pf-m-border-left::before {
24388
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
24440
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
24389
24441
  }
24390
24442
  .pf-c-table caption {
24391
24443
  padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -25072,6 +25124,8 @@ svg.pf-c-spinner.pf-m-xl {
25072
25124
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
25073
25125
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
25074
25126
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
25127
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
25128
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
25075
25129
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
25076
25130
  }
25077
25131
  .pf-c-table .pf-c-table__sticky-column {
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);
@@ -12482,6 +12488,8 @@ label.pf-c-check, .pf-c-check__label,
12482
12488
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12483
12489
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
12484
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);
12485
12493
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
12486
12494
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
12487
12495
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -12704,6 +12712,9 @@ label.pf-c-check, .pf-c-check__label,
12704
12712
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12705
12713
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12706
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
+ }
12707
12718
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12708
12719
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12709
12720
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -12718,6 +12729,7 @@ label.pf-c-check, .pf-c-check__label,
12718
12729
  }
12719
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 {
12720
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);
12721
12733
  }
12722
12734
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
12723
12735
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -12787,6 +12799,7 @@ label.pf-c-check, .pf-c-check__label,
12787
12799
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
12788
12800
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
12789
12801
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
12802
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
12790
12803
  }
12791
12804
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
12792
12805
  transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -16392,6 +16405,7 @@ ul.pf-c-list {
16392
16405
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
16393
16406
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
16394
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;
16395
16409
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
16396
16410
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16397
16411
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16858,6 +16872,11 @@ ul.pf-c-list {
16858
16872
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
16859
16873
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
16860
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);
16861
16880
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
16862
16881
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
16863
16882
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16937,6 +16956,9 @@ ul.pf-c-list {
16937
16956
  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
16938
16957
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
16939
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
+ }
16940
16962
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16941
16963
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16942
16964
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16953,22 +16975,26 @@ ul.pf-c-list {
16953
16975
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
16954
16976
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
16955
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);
16956
16979
  }
16957
16980
  .pf-c-menu-toggle:focus {
16958
16981
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
16959
16982
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
16960
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);
16961
16985
  }
16962
16986
  .pf-c-menu-toggle:active {
16963
16987
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
16964
16988
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
16965
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);
16966
16991
  }
16967
16992
  .pf-c-menu-toggle.pf-m-expanded {
16968
16993
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
16969
16994
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
16970
16995
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
16971
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);
16972
16998
  }
16973
16999
  .pf-c-menu-toggle:disabled {
16974
17000
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -17013,6 +17039,7 @@ ul.pf-c-list {
17013
17039
 
17014
17040
  .pf-c-menu-toggle__toggle-icon {
17015
17041
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
17042
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
17016
17043
  }
17017
17044
 
17018
17045
  .pf-c-modal-box {
@@ -17729,7 +17756,7 @@ ul.pf-c-list {
17729
17756
  --pf-c-menu__list--PaddingTop: 0;
17730
17757
  --pf-c-menu__list--PaddingBottom: 0;
17731
17758
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
17732
- --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);
17733
17760
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
17734
17761
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
17735
17762
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17913,9 +17940,9 @@ ul.pf-c-list {
17913
17940
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
17914
17941
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
17915
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);
17916
17944
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
17917
17945
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
17918
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17919
17946
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
17920
17947
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
17921
17948
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -18677,6 +18704,8 @@ ul.pf-c-list {
18677
18704
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
18678
18705
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
18679
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);
18680
18709
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
18681
18710
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
18682
18711
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -18769,6 +18798,9 @@ ul.pf-c-list {
18769
18798
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
18770
18799
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
18771
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
+ }
18772
18804
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18773
18805
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
18774
18806
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -18778,10 +18810,11 @@ ul.pf-c-list {
18778
18810
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
18779
18811
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
18780
18812
  }
18781
- .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 {
18782
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);
18783
18816
  }
18784
- .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 {
18785
18818
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
18786
18819
  }
18787
18820
  .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -18810,6 +18843,11 @@ ul.pf-c-list {
18810
18843
  white-space: nowrap;
18811
18844
  }
18812
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
+
18813
18851
  .pf-c-options-menu__toggle-icon {
18814
18852
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
18815
18853
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -20435,6 +20473,8 @@ ul.pf-c-list {
20435
20473
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
20436
20474
  --pf-c-progress-stepper__step-description--TextAlign: left;
20437
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;
20438
20478
  position: relative;
20439
20479
  display: grid;
20440
20480
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20917,6 +20957,8 @@ label.pf-c-radio, .pf-c-radio__label,
20917
20957
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
20918
20958
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
20919
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);
20920
20962
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
20921
20963
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
20922
20964
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -21094,9 +21136,15 @@ label.pf-c-radio, .pf-c-radio__label,
21094
21136
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
21095
21137
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
21096
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
+ }
21097
21142
  .pf-c-select__toggle.pf-m-plain::before {
21098
21143
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
21099
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
+ }
21100
21148
  .pf-c-select__toggle.pf-m-typeahead {
21101
21149
  --pf-c-select__toggle--PaddingTop: 0;
21102
21150
  --pf-c-select__toggle--PaddingRight: 0;
@@ -21125,6 +21173,9 @@ label.pf-c-radio, .pf-c-radio__label,
21125
21173
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
21126
21174
  }
21127
21175
 
21176
+ .pf-c-select__toggle-arrow {
21177
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
21178
+ }
21128
21179
  * + .pf-c-select__toggle-arrow {
21129
21180
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
21130
21181
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21418,6 +21469,7 @@ label.pf-c-radio, .pf-c-radio__label,
21418
21469
  --pf-c-sidebar--m-split__panel--Position: static;
21419
21470
  --pf-c-sidebar--m-split__panel--Top: auto;
21420
21471
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
21472
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
21421
21473
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
21422
21474
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
21423
21475
  --pf-c-sidebar__panel--Top: 0;
@@ -24507,7 +24559,7 @@ svg.pf-c-spinner.pf-m-xl {
24507
24559
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
24508
24560
  }
24509
24561
  .pf-c-table tr > *.pf-m-border-left::before {
24510
- 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);
24511
24563
  }
24512
24564
  .pf-c-table caption {
24513
24565
  padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -25194,6 +25246,8 @@ svg.pf-c-spinner.pf-m-xl {
25194
25246
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
25195
25247
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
25196
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);
25197
25251
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
25198
25252
  }
25199
25253
  .pf-c-table .pf-c-table__sticky-column {