@patternfly/patternfly 5.0.0-alpha.67 → 5.0.0-alpha.69

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 (33) hide show
  1. package/components/InputGroup/input-group.css +0 -2
  2. package/components/InputGroup/input-group.scss +0 -4
  3. package/components/NumberInput/number-input.css +4 -2
  4. package/components/NumberInput/number-input.scss +5 -2
  5. package/components/Pagination/pagination.css +27 -27
  6. package/components/Pagination/pagination.scss +19 -16
  7. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +4 -4
  8. package/docs/components/DatePicker/examples/DatePicker.md +6 -1
  9. package/docs/components/FileUpload/examples/FileUpload.md +21 -16
  10. package/docs/components/Form/examples/Form.md +51 -31
  11. package/docs/components/FormControl/examples/FormControl.md +1 -1
  12. package/docs/components/InlineEdit/examples/InlineEdit.md +11 -156
  13. package/docs/components/InputGroup/examples/InputGroup.md +9 -4
  14. package/docs/components/Login/examples/Login.md +20 -17
  15. package/docs/components/NumberInput/examples/NumberInput.md +7 -2
  16. package/docs/components/Pagination/examples/Pagination.md +1 -1
  17. package/docs/components/Select/examples/Select.md +4 -2
  18. package/docs/components/Wizard/examples/Wizard.md +7 -70
  19. package/docs/demos/Alert/examples/Alert.md +26 -8
  20. package/docs/demos/Button/examples/Button.md +12 -12
  21. package/docs/demos/Form/examples/BasicForms.md +18 -18
  22. package/docs/demos/HelperText/examples/HelperText.md +18 -3
  23. package/docs/demos/Modal/examples/Modal.md +6 -6
  24. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  25. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  26. package/docs/demos/Toolbar/examples/Toolbar.md +11 -1
  27. package/docs/demos/Wizard/examples/Wizard.md +0 -56
  28. package/package.json +1 -1
  29. package/patternfly-no-globals.css +29 -29
  30. package/patternfly-theme-dark-unversioned.css +29 -29
  31. package/patternfly.css +29 -29
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -68,10 +68,10 @@
68
68
  }
69
69
  }
70
70
 
71
- .pf-v5-c-number-input .pf-v5-c-form-control, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
71
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input), .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
72
72
  appearance: textfield;
73
73
  }
74
- .pf-v5-c-number-input .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-outer-spin-button {
74
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
75
75
  appearance: none;
76
76
  margin: 0;
77
77
  }
@@ -15576,8 +15576,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15576
15576
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--100);
15577
15577
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15578
15578
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
15579
- --pf-v5-c-input-group--c-form-control--invalid--ZIndex: var(--pf-v5-global--ZIndex--xs);
15580
- --pf-v5-c-input-group--c-form-control--MarginRight: 0;
15581
15579
  display: flex;
15582
15580
  width: 100%;
15583
15581
  }
@@ -21801,7 +21799,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21801
21799
  --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
21802
21800
  --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
21803
21801
  --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
21804
- --pf-v5-c-pagination--c-options-menu__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
21802
+ --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
21805
21803
  --pf-v5-c-pagination__nav--Display: none;
21806
21804
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
21807
21805
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -21845,9 +21843,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21845
21843
  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21846
21844
  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21847
21845
  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
21848
- --pf-v5-c-pagination--c-options-menu--Display: none;
21849
- --pf-v5-c-pagination--m-display-summary--c-options-menu--Display: none;
21850
- --pf-v5-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
21846
+ --pf-v5-c-pagination--c-menu-toggle--Display: none;
21847
+ --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
21848
+ --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
21851
21849
  display: flex;
21852
21850
  flex-wrap: wrap;
21853
21851
  align-items: center;
@@ -21864,7 +21862,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21864
21862
  --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
21865
21863
  --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
21866
21864
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
21867
- --pf-v5-c-pagination--c-options-menu--Display: inline-flex;
21865
+ --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
21868
21866
  --pf-v5-c-pagination__nav--Display: inline-flex;
21869
21867
  --pf-v5-c-pagination__total-items--Display: none;
21870
21868
  }
@@ -21880,8 +21878,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21880
21878
  .pf-v5-c-pagination > *:not(:last-child):not(.pf-v5-c-pagination__total-items) {
21881
21879
  margin-right: var(--pf-v5-c-pagination--child--MarginRight);
21882
21880
  }
21883
- .pf-v5-c-pagination .pf-v5-c-options-menu {
21884
- display: var(--pf-v5-c-pagination--c-options-menu--Display);
21881
+ .pf-v5-c-pagination .pf-v5-c-menu-toggle {
21882
+ display: var(--pf-v5-c-pagination--c-menu-toggle--Display);
21883
+ font-size: var(--pf-v5-c-pagination--c-menu-toggle--FontSize);
21885
21884
  }
21886
21885
  .pf-v5-c-pagination.pf-m-bottom {
21887
21886
  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--MarginRight);
@@ -21911,7 +21910,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21911
21910
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21912
21911
  display: none;
21913
21912
  }
21914
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
21913
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
21915
21914
  position: absolute;
21916
21915
  display: block;
21917
21916
  }
@@ -21934,7 +21933,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21934
21933
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21935
21934
  display: block;
21936
21935
  }
21937
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
21936
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21937
+ display: inline-flex;
21938
+ }
21939
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
21938
21940
  position: relative;
21939
21941
  }
21940
21942
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
@@ -21959,9 +21961,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21959
21961
  padding: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop) var(--pf-v5-c-pagination--m-sticky--md--PaddingRight) var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom) var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
21960
21962
  }
21961
21963
  }
21962
- .pf-v5-c-pagination .pf-v5-c-options-menu__toggle {
21963
- font-size: var(--pf-v5-c-pagination--c-options-menu__toggle--FontSize);
21964
- }
21965
21964
  .pf-v5-c-pagination.pf-m-compact {
21966
21965
  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
21967
21966
  }
@@ -21999,19 +21998,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21999
21998
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
22000
21999
  width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
22001
22000
  }
22002
-
22003
22001
  .pf-v5-c-pagination__total-items {
22004
22002
  display: var(--pf-v5-c-pagination__total-items--Display);
22005
22003
  }
22006
22004
 
22007
22005
  .pf-v5-c-pagination.pf-m-display-summary {
22008
22006
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22009
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22007
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22010
22008
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22011
22009
  }
22012
22010
  .pf-v5-c-pagination.pf-m-display-full {
22013
22011
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22014
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22012
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22015
22013
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22016
22014
  }
22017
22015
  .pf-v5-c-pagination.pf-m-inset-none {
@@ -22035,12 +22033,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22035
22033
  @media (min-width: 576px) {
22036
22034
  .pf-v5-c-pagination.pf-m-display-summary-on-sm {
22037
22035
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22038
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22036
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22039
22037
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22040
22038
  }
22041
22039
  .pf-v5-c-pagination.pf-m-display-full-on-sm {
22042
22040
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22043
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22041
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22044
22042
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22045
22043
  }
22046
22044
  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
@@ -22065,12 +22063,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22065
22063
  @media (min-width: 768px) {
22066
22064
  .pf-v5-c-pagination.pf-m-display-summary-on-md {
22067
22065
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22068
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22066
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22069
22067
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22070
22068
  }
22071
22069
  .pf-v5-c-pagination.pf-m-display-full-on-md {
22072
22070
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22073
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22071
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22074
22072
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22075
22073
  }
22076
22074
  .pf-v5-c-pagination.pf-m-inset-none-on-md {
@@ -22095,12 +22093,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22095
22093
  @media (min-width: 992px) {
22096
22094
  .pf-v5-c-pagination.pf-m-display-summary-on-lg {
22097
22095
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22098
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22096
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22099
22097
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22100
22098
  }
22101
22099
  .pf-v5-c-pagination.pf-m-display-full-on-lg {
22102
22100
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22103
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22101
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22104
22102
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22105
22103
  }
22106
22104
  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
@@ -22125,12 +22123,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22125
22123
  @media (min-width: 1200px) {
22126
22124
  .pf-v5-c-pagination.pf-m-display-summary-on-xl {
22127
22125
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22128
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22126
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22129
22127
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22130
22128
  }
22131
22129
  .pf-v5-c-pagination.pf-m-display-full-on-xl {
22132
22130
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22133
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22131
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22134
22132
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22135
22133
  }
22136
22134
  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
@@ -22155,12 +22153,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22155
22153
  @media (min-width: 1450px) {
22156
22154
  .pf-v5-c-pagination.pf-m-display-summary-on-2xl {
22157
22155
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22158
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22156
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22159
22157
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22160
22158
  }
22161
22159
  .pf-v5-c-pagination.pf-m-display-full-on-2xl {
22162
22160
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22163
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22161
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22164
22162
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22165
22163
  }
22166
22164
  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
@@ -30124,6 +30122,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
30124
30122
  }
30125
30123
  .pf-v5-c-number-input .pf-v5-c-form-control {
30126
30124
  width: var(--pf-v5-c-number-input--c-form-control--Width);
30125
+ }
30126
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input) {
30127
30127
  text-align: right;
30128
30128
  }
30129
30129
 
package/patternfly.css CHANGED
@@ -68,10 +68,10 @@
68
68
  }
69
69
  }
70
70
 
71
- .pf-v5-c-number-input .pf-v5-c-form-control, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
71
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input), .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
72
72
  appearance: textfield;
73
73
  }
74
- .pf-v5-c-number-input .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-outer-spin-button {
74
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
75
75
  appearance: none;
76
76
  margin: 0;
77
77
  }
@@ -15576,8 +15576,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15576
15576
  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-v5-global--disabled-color--100);
15577
15577
  --pf-v5-c-input-group__item--m-disabled--BorderBottomColor: transparent;
15578
15578
  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
15579
- --pf-v5-c-input-group--c-form-control--invalid--ZIndex: var(--pf-v5-global--ZIndex--xs);
15580
- --pf-v5-c-input-group--c-form-control--MarginRight: 0;
15581
15579
  display: flex;
15582
15580
  width: 100%;
15583
15581
  }
@@ -21801,7 +21799,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21801
21799
  --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
21802
21800
  --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
21803
21801
  --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
21804
- --pf-v5-c-pagination--c-options-menu__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
21802
+ --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
21805
21803
  --pf-v5-c-pagination__nav--Display: none;
21806
21804
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
21807
21805
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -21845,9 +21843,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21845
21843
  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
21846
21844
  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
21847
21845
  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
21848
- --pf-v5-c-pagination--c-options-menu--Display: none;
21849
- --pf-v5-c-pagination--m-display-summary--c-options-menu--Display: none;
21850
- --pf-v5-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
21846
+ --pf-v5-c-pagination--c-menu-toggle--Display: none;
21847
+ --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
21848
+ --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
21851
21849
  display: flex;
21852
21850
  flex-wrap: wrap;
21853
21851
  align-items: center;
@@ -21864,7 +21862,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21864
21862
  --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
21865
21863
  --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
21866
21864
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
21867
- --pf-v5-c-pagination--c-options-menu--Display: inline-flex;
21865
+ --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
21868
21866
  --pf-v5-c-pagination__nav--Display: inline-flex;
21869
21867
  --pf-v5-c-pagination__total-items--Display: none;
21870
21868
  }
@@ -21880,8 +21878,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21880
21878
  .pf-v5-c-pagination > *:not(:last-child):not(.pf-v5-c-pagination__total-items) {
21881
21879
  margin-right: var(--pf-v5-c-pagination--child--MarginRight);
21882
21880
  }
21883
- .pf-v5-c-pagination .pf-v5-c-options-menu {
21884
- display: var(--pf-v5-c-pagination--c-options-menu--Display);
21881
+ .pf-v5-c-pagination .pf-v5-c-menu-toggle {
21882
+ display: var(--pf-v5-c-pagination--c-menu-toggle--Display);
21883
+ font-size: var(--pf-v5-c-pagination--c-menu-toggle--FontSize);
21885
21884
  }
21886
21885
  .pf-v5-c-pagination.pf-m-bottom {
21887
21886
  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--MarginRight);
@@ -21911,7 +21910,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21911
21910
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21912
21911
  display: none;
21913
21912
  }
21914
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
21913
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
21915
21914
  position: absolute;
21916
21915
  display: block;
21917
21916
  }
@@ -21934,7 +21933,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21934
21933
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21935
21934
  display: block;
21936
21935
  }
21937
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
21936
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
21937
+ display: inline-flex;
21938
+ }
21939
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
21938
21940
  position: relative;
21939
21941
  }
21940
21942
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
@@ -21959,9 +21961,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21959
21961
  padding: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop) var(--pf-v5-c-pagination--m-sticky--md--PaddingRight) var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom) var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
21960
21962
  }
21961
21963
  }
21962
- .pf-v5-c-pagination .pf-v5-c-options-menu__toggle {
21963
- font-size: var(--pf-v5-c-pagination--c-options-menu__toggle--FontSize);
21964
- }
21965
21964
  .pf-v5-c-pagination.pf-m-compact {
21966
21965
  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
21967
21966
  }
@@ -21999,19 +21998,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21999
21998
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
22000
21999
  width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
22001
22000
  }
22002
-
22003
22001
  .pf-v5-c-pagination__total-items {
22004
22002
  display: var(--pf-v5-c-pagination__total-items--Display);
22005
22003
  }
22006
22004
 
22007
22005
  .pf-v5-c-pagination.pf-m-display-summary {
22008
22006
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22009
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22007
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22010
22008
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22011
22009
  }
22012
22010
  .pf-v5-c-pagination.pf-m-display-full {
22013
22011
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22014
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22012
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22015
22013
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22016
22014
  }
22017
22015
  .pf-v5-c-pagination.pf-m-inset-none {
@@ -22035,12 +22033,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22035
22033
  @media (min-width: 576px) {
22036
22034
  .pf-v5-c-pagination.pf-m-display-summary-on-sm {
22037
22035
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22038
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22036
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22039
22037
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22040
22038
  }
22041
22039
  .pf-v5-c-pagination.pf-m-display-full-on-sm {
22042
22040
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22043
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22041
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22044
22042
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22045
22043
  }
22046
22044
  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
@@ -22065,12 +22063,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22065
22063
  @media (min-width: 768px) {
22066
22064
  .pf-v5-c-pagination.pf-m-display-summary-on-md {
22067
22065
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22068
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22066
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22069
22067
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22070
22068
  }
22071
22069
  .pf-v5-c-pagination.pf-m-display-full-on-md {
22072
22070
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22073
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22071
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22074
22072
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22075
22073
  }
22076
22074
  .pf-v5-c-pagination.pf-m-inset-none-on-md {
@@ -22095,12 +22093,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22095
22093
  @media (min-width: 992px) {
22096
22094
  .pf-v5-c-pagination.pf-m-display-summary-on-lg {
22097
22095
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22098
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22096
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22099
22097
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22100
22098
  }
22101
22099
  .pf-v5-c-pagination.pf-m-display-full-on-lg {
22102
22100
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22103
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22101
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22104
22102
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22105
22103
  }
22106
22104
  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
@@ -22125,12 +22123,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22125
22123
  @media (min-width: 1200px) {
22126
22124
  .pf-v5-c-pagination.pf-m-display-summary-on-xl {
22127
22125
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22128
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22126
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22129
22127
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22130
22128
  }
22131
22129
  .pf-v5-c-pagination.pf-m-display-full-on-xl {
22132
22130
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22133
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22131
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22134
22132
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22135
22133
  }
22136
22134
  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
@@ -22155,12 +22153,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22155
22153
  @media (min-width: 1450px) {
22156
22154
  .pf-v5-c-pagination.pf-m-display-summary-on-2xl {
22157
22155
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22158
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
22156
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22159
22157
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22160
22158
  }
22161
22159
  .pf-v5-c-pagination.pf-m-display-full-on-2xl {
22162
22160
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22163
- --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22161
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22164
22162
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22165
22163
  }
22166
22164
  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
@@ -30124,6 +30122,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
30124
30122
  }
30125
30123
  .pf-v5-c-number-input .pf-v5-c-form-control {
30126
30124
  width: var(--pf-v5-c-number-input--c-form-control--Width);
30125
+ }
30126
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input) {
30127
30127
  text-align: right;
30128
30128
  }
30129
30129