@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/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.168.0",
4
+ "version": "4.171.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -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);
@@ -10364,6 +10370,12 @@ label.pf-c-check, .pf-c-check__label,
10364
10370
  --pf-c-toolbar--spacer: 0;
10365
10371
  }
10366
10372
 
10373
+ .pf-c-toolbar__group.pf-m-overflow-container,
10374
+ .pf-c-toolbar__item.pf-m-overflow-container {
10375
+ flex: 1;
10376
+ overflow: hidden;
10377
+ }
10378
+
10367
10379
  .pf-c-toolbar__expand-all-icon {
10368
10380
  display: inline-block;
10369
10381
  transition: var(--pf-c-toolbar__expand-all-icon--Transition);
@@ -12354,6 +12366,8 @@ label.pf-c-check, .pf-c-check__label,
12354
12366
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12355
12367
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
12356
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);
12357
12371
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
12358
12372
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
12359
12373
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -12576,6 +12590,9 @@ label.pf-c-check, .pf-c-check__label,
12576
12590
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12577
12591
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12578
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
+ }
12579
12596
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12580
12597
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12581
12598
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -12590,6 +12607,7 @@ label.pf-c-check, .pf-c-check__label,
12590
12607
  }
12591
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 {
12592
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);
12593
12611
  }
12594
12612
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
12595
12613
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -12651,10 +12669,15 @@ label.pf-c-check, .pf-c-check__label,
12651
12669
  white-space: nowrap;
12652
12670
  }
12653
12671
 
12672
+ .pf-c-dropdown__toggle-text {
12673
+ flex: 0 1 auto;
12674
+ }
12675
+
12654
12676
  .pf-c-dropdown__toggle-icon {
12655
12677
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
12656
12678
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
12657
12679
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
12680
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
12658
12681
  }
12659
12682
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
12660
12683
  transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -12662,6 +12685,7 @@ label.pf-c-check, .pf-c-check__label,
12662
12685
 
12663
12686
  .pf-c-dropdown__toggle-image {
12664
12687
  display: inline-flex;
12688
+ flex-shrink: 0;
12665
12689
  margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
12666
12690
  margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
12667
12691
  margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
@@ -15592,13 +15616,8 @@ ul.pf-c-list {
15592
15616
  padding-left: var(--pf-c-masthead--PaddingLeft);
15593
15617
  background-color: var(--pf-c-masthead--BackgroundColor);
15594
15618
  }
15595
- @media screen and (min-width: 1200px) {
15596
- .pf-c-masthead {
15597
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15598
- }
15599
- }
15600
15619
  @media screen and (min-width: 768px) {
15601
- .pf-c-masthead {
15620
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15602
15621
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
15603
15622
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
15604
15623
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -15618,6 +15637,14 @@ ul.pf-c-list {
15618
15637
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
15619
15638
  }
15620
15639
  }
15640
+ @media screen and (min-width: 1200px) {
15641
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15642
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15643
+ }
15644
+ }
15645
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
15646
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15647
+ }
15621
15648
  .pf-c-masthead.pf-m-light {
15622
15649
  color: var(--pf-global--Color--100);
15623
15650
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -15674,6 +15701,9 @@ ul.pf-c-list {
15674
15701
  --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
15675
15702
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
15676
15703
  }
15704
+ .pf-c-masthead .pf-c-nav {
15705
+ align-self: stretch;
15706
+ }
15677
15707
 
15678
15708
  .pf-c-masthead__main {
15679
15709
  position: relative;
@@ -16253,6 +16283,7 @@ ul.pf-c-list {
16253
16283
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
16254
16284
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
16255
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;
16256
16287
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
16257
16288
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16258
16289
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16719,6 +16750,11 @@ ul.pf-c-list {
16719
16750
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
16720
16751
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
16721
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);
16722
16758
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
16723
16759
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
16724
16760
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16798,6 +16834,9 @@ ul.pf-c-list {
16798
16834
  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
16799
16835
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
16800
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
+ }
16801
16840
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16802
16841
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16803
16842
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16814,22 +16853,26 @@ ul.pf-c-list {
16814
16853
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
16815
16854
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
16816
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);
16817
16857
  }
16818
16858
  .pf-c-menu-toggle:focus {
16819
16859
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
16820
16860
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
16821
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);
16822
16863
  }
16823
16864
  .pf-c-menu-toggle:active {
16824
16865
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
16825
16866
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
16826
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);
16827
16869
  }
16828
16870
  .pf-c-menu-toggle.pf-m-expanded {
16829
16871
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
16830
16872
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
16831
16873
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
16832
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);
16833
16876
  }
16834
16877
  .pf-c-menu-toggle:disabled {
16835
16878
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -16874,6 +16917,7 @@ ul.pf-c-list {
16874
16917
 
16875
16918
  .pf-c-menu-toggle__toggle-icon {
16876
16919
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
16920
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
16877
16921
  }
16878
16922
 
16879
16923
  .pf-c-modal-box {
@@ -17590,7 +17634,7 @@ ul.pf-c-list {
17590
17634
  --pf-c-menu__list--PaddingTop: 0;
17591
17635
  --pf-c-menu__list--PaddingBottom: 0;
17592
17636
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
17593
- --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);
17594
17638
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
17595
17639
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
17596
17640
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17774,9 +17818,9 @@ ul.pf-c-list {
17774
17818
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
17775
17819
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
17776
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);
17777
17822
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
17778
17823
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
17779
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17780
17824
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
17781
17825
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
17782
17826
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -18538,6 +18582,8 @@ ul.pf-c-list {
18538
18582
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
18539
18583
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
18540
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);
18541
18587
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
18542
18588
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
18543
18589
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -18630,6 +18676,9 @@ ul.pf-c-list {
18630
18676
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
18631
18677
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
18632
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
+ }
18633
18682
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18634
18683
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
18635
18684
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -18639,10 +18688,11 @@ ul.pf-c-list {
18639
18688
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
18640
18689
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
18641
18690
  }
18642
- .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 {
18643
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);
18644
18694
  }
18645
- .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 {
18646
18696
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
18647
18697
  }
18648
18698
  .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -18671,6 +18721,11 @@ ul.pf-c-list {
18671
18721
  white-space: nowrap;
18672
18722
  }
18673
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
+
18674
18729
  .pf-c-options-menu__toggle-icon {
18675
18730
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
18676
18731
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -20296,6 +20351,8 @@ ul.pf-c-list {
20296
20351
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
20297
20352
  --pf-c-progress-stepper__step-description--TextAlign: left;
20298
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;
20299
20356
  position: relative;
20300
20357
  display: grid;
20301
20358
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20778,6 +20835,8 @@ label.pf-c-radio, .pf-c-radio__label,
20778
20835
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
20779
20836
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
20780
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);
20781
20840
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
20782
20841
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
20783
20842
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -20955,9 +21014,15 @@ label.pf-c-radio, .pf-c-radio__label,
20955
21014
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
20956
21015
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
20957
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
+ }
20958
21020
  .pf-c-select__toggle.pf-m-plain::before {
20959
21021
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
20960
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
+ }
20961
21026
  .pf-c-select__toggle.pf-m-typeahead {
20962
21027
  --pf-c-select__toggle--PaddingTop: 0;
20963
21028
  --pf-c-select__toggle--PaddingRight: 0;
@@ -20986,6 +21051,9 @@ label.pf-c-radio, .pf-c-radio__label,
20986
21051
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
20987
21052
  }
20988
21053
 
21054
+ .pf-c-select__toggle-arrow {
21055
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
21056
+ }
20989
21057
  * + .pf-c-select__toggle-arrow {
20990
21058
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
20991
21059
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21279,6 +21347,7 @@ label.pf-c-radio, .pf-c-radio__label,
21279
21347
  --pf-c-sidebar--m-split__panel--Position: static;
21280
21348
  --pf-c-sidebar--m-split__panel--Top: auto;
21281
21349
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
21350
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
21282
21351
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
21283
21352
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
21284
21353
  --pf-c-sidebar__panel--Top: 0;
@@ -24368,7 +24437,7 @@ svg.pf-c-spinner.pf-m-xl {
24368
24437
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
24369
24438
  }
24370
24439
  .pf-c-table tr > *.pf-m-border-left::before {
24371
- 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);
24372
24441
  }
24373
24442
  .pf-c-table caption {
24374
24443
  padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -25055,6 +25124,8 @@ svg.pf-c-spinner.pf-m-xl {
25055
25124
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
25056
25125
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
25057
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);
25058
25129
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
25059
25130
  }
25060
25131
  .pf-c-table .pf-c-table__sticky-column {