@patternfly/patternfly 4.169.0 → 4.172.0

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 (42) 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/Masthead/masthead.css +9 -6
  7. package/components/Masthead/masthead.scss +12 -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/NumberInput/number-input.css +9 -6
  15. package/components/NumberInput/number-input.scss +2 -10
  16. package/components/OptionsMenu/options-menu.css +13 -2
  17. package/components/OptionsMenu/options-menu.scss +19 -7
  18. package/components/Pagination/pagination.css +9 -1
  19. package/components/Pagination/pagination.scss +3 -1
  20. package/components/ProgressStepper/progress-stepper.css +5 -0
  21. package/components/ProgressStepper/progress-stepper.scss +6 -0
  22. package/components/Select/select.css +11 -0
  23. package/components/Select/select.scss +14 -0
  24. package/components/Sidebar/sidebar.css +1 -0
  25. package/components/Sidebar/sidebar.scss +1 -0
  26. package/components/Table/table-scrollable.css +2 -0
  27. package/components/Table/table-scrollable.scss +2 -0
  28. package/components/Table/table.css +1 -1
  29. package/components/Table/table.scss +1 -1
  30. package/components/Toolbar/toolbar.css +1 -0
  31. package/components/Toolbar/toolbar.scss +1 -0
  32. package/docs/components/Table/examples/Table.md +1 -1
  33. package/docs/components/TextInputGroup/examples/TextInputGroup.md +26 -1
  34. package/docs/demos/DataList/examples/DataList.md +2 -3
  35. package/docs/demos/Table/examples/Table.md +21 -69
  36. package/docs/demos/Toolbar/examples/Toolbar.md +3 -10
  37. package/package.json +1 -1
  38. package/patternfly-no-reset.css +83 -20
  39. package/patternfly.css +83 -20
  40. package/patternfly.min.css +1 -1
  41. package/patternfly.min.css.map +1 -1
  42. package/sass-utilities/placeholders.scss +12 -0
@@ -104,6 +104,14 @@
104
104
  }
105
105
  }
106
106
 
107
+ .pf-c-number-input .pf-c-form-control, .pf-c-pagination__nav-page-select .pf-c-form-control {
108
+ appearance: textfield;
109
+ }
110
+ .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
111
+ appearance: none;
112
+ margin: 0;
113
+ }
114
+
107
115
  :root {
108
116
  --pf-global--palette--black-100: #fafafa;
109
117
  --pf-global--palette--black-150: #f5f5f5;
@@ -8389,6 +8397,8 @@ label.pf-c-check, .pf-c-check__label,
8389
8397
  --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
8390
8398
  --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
8391
8399
  --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
8400
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
8401
+ --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
8392
8402
  --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
8393
8403
  --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
8394
8404
  --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -8551,6 +8561,7 @@ label.pf-c-check, .pf-c-check__label,
8551
8561
  .pf-c-context-selector__toggle.pf-m-plain {
8552
8562
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
8553
8563
  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
8564
+ --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
8554
8565
  }
8555
8566
  .pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
8556
8567
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
@@ -8561,11 +8572,12 @@ label.pf-c-check, .pf-c-check__label,
8561
8572
  width: auto;
8562
8573
  color: var(--pf-c-context-selector__toggle--m-plain--Color);
8563
8574
  }
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 {
8575
+ .pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
8565
8576
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
8566
8577
  }
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) {
8578
+ .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
8579
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
8580
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
8569
8581
  }
8570
8582
  .pf-c-context-selector__toggle.pf-m-plain::before {
8571
8583
  border: 0;
@@ -8582,6 +8594,7 @@ label.pf-c-check, .pf-c-check__label,
8582
8594
  .pf-c-context-selector__toggle-icon {
8583
8595
  margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
8584
8596
  margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
8597
+ color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
8585
8598
  }
8586
8599
 
8587
8600
  .pf-c-context-selector__menu {
@@ -10108,6 +10121,7 @@ label.pf-c-check, .pf-c-check__label,
10108
10121
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
10109
10122
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
10110
10123
  --pf-c-toolbar__item--Display: block;
10124
+ --pf-c-toolbar__item--MinWidth--base: auto;
10111
10125
  --pf-c-toolbar__group--Display: flex;
10112
10126
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
10113
10127
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
@@ -12360,6 +12374,8 @@ label.pf-c-check, .pf-c-check__label,
12360
12374
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12361
12375
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
12362
12376
  --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
12377
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12378
+ --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
12363
12379
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
12364
12380
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
12365
12381
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -12582,6 +12598,9 @@ label.pf-c-check, .pf-c-check__label,
12582
12598
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12583
12599
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12584
12600
  }
12601
+ .pf-c-dropdown__toggle.pf-m-plain {
12602
+ --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
12603
+ }
12585
12604
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12586
12605
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12587
12606
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -12596,6 +12615,7 @@ label.pf-c-check, .pf-c-check__label,
12596
12615
  }
12597
12616
  .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
12617
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
12618
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
12599
12619
  }
12600
12620
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
12601
12621
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -12665,6 +12685,7 @@ label.pf-c-check, .pf-c-check__label,
12665
12685
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
12666
12686
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
12667
12687
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
12688
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
12668
12689
  }
12669
12690
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
12670
12691
  transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -15603,13 +15624,8 @@ ul.pf-c-list {
15603
15624
  padding-left: var(--pf-c-masthead--PaddingLeft);
15604
15625
  background-color: var(--pf-c-masthead--BackgroundColor);
15605
15626
  }
15606
- @media screen and (min-width: 1200px) {
15607
- .pf-c-masthead {
15608
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15609
- }
15610
- }
15611
15627
  @media screen and (min-width: 768px) {
15612
- .pf-c-masthead {
15628
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15613
15629
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
15614
15630
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
15615
15631
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -15629,6 +15645,14 @@ ul.pf-c-list {
15629
15645
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
15630
15646
  }
15631
15647
  }
15648
+ @media screen and (min-width: 1200px) {
15649
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15650
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15651
+ }
15652
+ }
15653
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
15654
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15655
+ }
15632
15656
  .pf-c-masthead.pf-m-light {
15633
15657
  color: var(--pf-global--Color--100);
15634
15658
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -16267,6 +16291,7 @@ ul.pf-c-list {
16267
16291
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
16268
16292
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
16269
16293
  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
16294
+ --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
16270
16295
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
16271
16296
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
16272
16297
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16733,6 +16758,11 @@ ul.pf-c-list {
16733
16758
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
16734
16759
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
16735
16760
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
16761
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
16762
+ --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
16763
+ --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
16764
+ --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
16765
+ --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
16736
16766
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
16737
16767
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
16738
16768
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16812,6 +16842,9 @@ ul.pf-c-list {
16812
16842
  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
16813
16843
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
16814
16844
  }
16845
+ .pf-c-menu-toggle.pf-m-plain {
16846
+ --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
16847
+ }
16815
16848
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16816
16849
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16817
16850
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16828,22 +16861,26 @@ ul.pf-c-list {
16828
16861
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
16829
16862
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
16830
16863
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
16864
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
16831
16865
  }
16832
16866
  .pf-c-menu-toggle:focus {
16833
16867
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
16834
16868
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
16835
16869
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
16870
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
16836
16871
  }
16837
16872
  .pf-c-menu-toggle:active {
16838
16873
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
16839
16874
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
16840
16875
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
16876
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
16841
16877
  }
16842
16878
  .pf-c-menu-toggle.pf-m-expanded {
16843
16879
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
16844
16880
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
16845
16881
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
16846
16882
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
16883
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
16847
16884
  }
16848
16885
  .pf-c-menu-toggle:disabled {
16849
16886
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -16888,6 +16925,7 @@ ul.pf-c-list {
16888
16925
 
16889
16926
  .pf-c-menu-toggle__toggle-icon {
16890
16927
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
16928
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
16891
16929
  }
16892
16930
 
16893
16931
  .pf-c-modal-box {
@@ -17604,7 +17642,7 @@ ul.pf-c-list {
17604
17642
  --pf-c-menu__list--PaddingTop: 0;
17605
17643
  --pf-c-menu__list--PaddingBottom: 0;
17606
17644
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
17607
- --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
17645
+ --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
17608
17646
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
17609
17647
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
17610
17648
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17788,9 +17826,9 @@ ul.pf-c-list {
17788
17826
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
17789
17827
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
17790
17828
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
17829
+ --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17791
17830
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
17792
17831
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
17793
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17794
17832
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
17795
17833
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
17796
17834
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -18552,6 +18590,8 @@ ul.pf-c-list {
18552
18590
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
18553
18591
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
18554
18592
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
18593
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
18594
+ --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
18555
18595
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
18556
18596
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
18557
18597
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -18644,6 +18684,9 @@ ul.pf-c-list {
18644
18684
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
18645
18685
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
18646
18686
  }
18687
+ .pf-c-options-menu__toggle.pf-m-plain {
18688
+ --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
18689
+ }
18647
18690
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18648
18691
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
18649
18692
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -18653,10 +18696,11 @@ ul.pf-c-list {
18653
18696
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
18654
18697
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
18655
18698
  }
18656
- .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) {
18699
+ .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 {
18657
18700
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
18701
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
18658
18702
  }
18659
- .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 {
18703
+ .pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
18660
18704
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
18661
18705
  }
18662
18706
  .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -18685,6 +18729,11 @@ ul.pf-c-list {
18685
18729
  white-space: nowrap;
18686
18730
  }
18687
18731
 
18732
+ .pf-c-options-menu__toggle-icon,
18733
+ .pf-c-options-menu__toggle-button-icon {
18734
+ color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
18735
+ }
18736
+
18688
18737
  .pf-c-options-menu__toggle-icon {
18689
18738
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
18690
18739
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -19519,7 +19568,7 @@ ul.pf-c-list {
19519
19568
  --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
19520
19569
  --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
19521
19570
  --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
19522
- --pf-c-pagination__nav-page-select--c-form-control--width-base: 3.5ch;
19571
+ --pf-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
19523
19572
  --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
19524
19573
  --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
19525
19574
  --pf-c-pagination__total-items--Display: block;
@@ -20310,6 +20359,8 @@ ul.pf-c-list {
20310
20359
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
20311
20360
  --pf-c-progress-stepper__step-description--TextAlign: left;
20312
20361
  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
20362
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
20363
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
20313
20364
  position: relative;
20314
20365
  display: grid;
20315
20366
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20400,6 +20451,9 @@ ul.pf-c-list {
20400
20451
  .pf-c-progress-stepper__step.pf-m-info {
20401
20452
  --pf-c-progress-stepper__step-icon--Color: var(--pf-global--info-color--100);
20402
20453
  }
20454
+ .pf-c-progress-stepper__step:last-child {
20455
+ --pf-c-progress-stepper__step-main--MarginBottom: 0;
20456
+ }
20403
20457
 
20404
20458
  .pf-c-progress-stepper__step-connector {
20405
20459
  position: relative;
@@ -20792,6 +20846,8 @@ label.pf-c-radio, .pf-c-radio__label,
20792
20846
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
20793
20847
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
20794
20848
  --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
20849
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
20850
+ --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
20795
20851
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
20796
20852
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
20797
20853
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -20969,9 +21025,15 @@ label.pf-c-radio, .pf-c-radio__label,
20969
21025
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
20970
21026
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
20971
21027
  }
21028
+ .pf-c-select__toggle.pf-m-plain {
21029
+ --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
21030
+ }
20972
21031
  .pf-c-select__toggle.pf-m-plain::before {
20973
21032
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
20974
21033
  }
21034
+ .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 {
21035
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
21036
+ }
20975
21037
  .pf-c-select__toggle.pf-m-typeahead {
20976
21038
  --pf-c-select__toggle--PaddingTop: 0;
20977
21039
  --pf-c-select__toggle--PaddingRight: 0;
@@ -21000,6 +21062,9 @@ label.pf-c-radio, .pf-c-radio__label,
21000
21062
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
21001
21063
  }
21002
21064
 
21065
+ .pf-c-select__toggle-arrow {
21066
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
21067
+ }
21003
21068
  * + .pf-c-select__toggle-arrow {
21004
21069
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
21005
21070
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21293,6 +21358,7 @@ label.pf-c-radio, .pf-c-radio__label,
21293
21358
  --pf-c-sidebar--m-split__panel--Position: static;
21294
21359
  --pf-c-sidebar--m-split__panel--Top: auto;
21295
21360
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
21361
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
21296
21362
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
21297
21363
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
21298
21364
  --pf-c-sidebar__panel--Top: 0;
@@ -24382,7 +24448,7 @@ svg.pf-c-spinner.pf-m-xl {
24382
24448
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
24383
24449
  }
24384
24450
  .pf-c-table tr > *.pf-m-border-left::before {
24385
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
24451
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
24386
24452
  }
24387
24453
  .pf-c-table caption {
24388
24454
  padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -25069,6 +25135,8 @@ svg.pf-c-spinner.pf-m-xl {
25069
25135
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
25070
25136
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
25071
25137
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
25138
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
25139
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
25072
25140
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
25073
25141
  }
25074
25142
  .pf-c-table .pf-c-table__sticky-column {
@@ -27211,7 +27279,7 @@ svg.pf-c-spinner.pf-m-xl {
27211
27279
  .pf-c-number-input {
27212
27280
  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
27213
27281
  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
27214
- --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2);
27282
+ --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
27215
27283
  --pf-c-number-input--c-form-control--width-chars: 4;
27216
27284
  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
27217
27285
  display: inline-flex;
@@ -27221,11 +27289,6 @@ svg.pf-c-spinner.pf-m-xl {
27221
27289
  display: inline-flex;
27222
27290
  width: var(--pf-c-number-input--c-form-control--Width);
27223
27291
  text-align: right;
27224
- -moz-appearance: textfield;
27225
- }
27226
- .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button {
27227
- -webkit-appearance: none;
27228
- margin: 0;
27229
27292
  }
27230
27293
 
27231
27294
  .pf-c-input-group + .pf-c-number-input__unit,