@patternfly/patternfly 5.0.0-alpha.2 → 5.0.0-alpha.4

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 (32) hide show
  1. package/README.md +1 -1
  2. package/RELEASE-NOTES.md +30 -0
  3. package/components/Dropdown/dropdown.css +15 -0
  4. package/components/Dropdown/dropdown.scss +20 -0
  5. package/components/FormControl/form-control.css +1 -1
  6. package/components/FormControl/themes/dark/form-control.scss +1 -1
  7. package/components/InputGroup/input-group.css +14 -0
  8. package/components/InputGroup/input-group.scss +9 -0
  9. package/components/InputGroup/themes/dark/input-group.scss +8 -0
  10. package/components/Menu/menu.css +4 -0
  11. package/components/Menu/menu.scss +5 -0
  12. package/components/Pagination/pagination.css +228 -0
  13. package/components/Pagination/pagination.scss +30 -1
  14. package/components/Slider/slider.css +0 -7
  15. package/components/Slider/slider.scss +0 -9
  16. package/docs/components/Dropdown/examples/Dropdown.md +216 -0
  17. package/docs/components/InputGroup/examples/InputGroup.md +1 -0
  18. package/docs/components/Pagination/examples/Pagination.md +129 -30
  19. package/docs/components/Slider/examples/Slider.md +6 -6
  20. package/docs/components/Tabs/examples/Tabs.md +1 -1
  21. package/docs/demos/Banner/examples/Banner.md +2 -2
  22. package/docs/demos/Card/examples/Card.md +3 -3
  23. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  24. package/docs/demos/Nav/examples/Nav.md +671 -718
  25. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -2
  26. package/docs/demos/Tabs/examples/Tabs.md +42 -539
  27. package/docs/demos/Wizard/examples/Wizard.md +0 -4
  28. package/package.json +5 -5
  29. package/patternfly-no-reset.css +262 -8
  30. package/patternfly.css +262 -8
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -13722,6 +13722,8 @@ label.pf-c-check, .pf-c-check__label,
13722
13722
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13723
13723
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13724
13724
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13725
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13726
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13725
13727
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13726
13728
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13727
13729
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13933,9 +13935,14 @@ label.pf-c-check, .pf-c-check__label,
13933
13935
  align-items: center;
13934
13936
  cursor: pointer;
13935
13937
  }
13938
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13939
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13940
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13941
+ }
13936
13942
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13937
13943
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13938
13944
  cursor: pointer;
13945
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13939
13946
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13940
13947
  }
13941
13948
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14131,6 +14138,14 @@ label.pf-c-check, .pf-c-check__label,
14131
14138
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14132
14139
  }
14133
14140
 
14141
+ .pf-c-dropdown__toggle-progress {
14142
+ position: absolute;
14143
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14144
+ }
14145
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14146
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14147
+ }
14148
+
14134
14149
  .pf-c-dropdown__menu {
14135
14150
  position: absolute;
14136
14151
  top: var(--pf-c-dropdown__menu--Top);
@@ -15576,7 +15591,7 @@ textarea.pf-c-form-control {
15576
15591
  }
15577
15592
 
15578
15593
  :where(.pf-theme-dark) .pf-c-form-control {
15579
- --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
15594
+ --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
15580
15595
  --pf-c-form-control--BorderTopColor: transparent;
15581
15596
  --pf-c-form-control--BorderRightColor: transparent;
15582
15597
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -16026,6 +16041,9 @@ textarea.pf-c-form-control {
16026
16041
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
16027
16042
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
16028
16043
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
16044
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
16045
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
16046
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
16029
16047
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
16030
16048
  --pf-c-input-group--c-form-control--MarginRight: 0;
16031
16049
  color: var(--pf-global--Color--100);
@@ -16075,6 +16093,11 @@ label.pf-c-input-group__text {
16075
16093
  --pf-c-input-group__text--BorderWidth: 0;
16076
16094
  margin-left: 0;
16077
16095
  }
16096
+ .pf-c-input-group__text.pf-m-disabled {
16097
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
16098
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16099
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
16100
+ }
16078
16101
 
16079
16102
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16080
16103
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -16119,6 +16142,8 @@ label.pf-c-input-group__text {
16119
16142
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
16120
16143
  --pf-c-input-group__text--BorderLeftColor: transparent;
16121
16144
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16145
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16146
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
16122
16147
  }
16123
16148
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16124
16149
  margin-left: 0;
@@ -16133,6 +16158,10 @@ label.pf-c-input-group__text {
16133
16158
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16134
16159
  --pf-c-input-group__text--BackgroundColor: transparent;
16135
16160
  }
16161
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16162
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16163
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16164
+ }
16136
16165
 
16137
16166
  .pf-c-jump-links {
16138
16167
  --pf-c-jump-links__list--Display: flex;
@@ -18506,11 +18535,15 @@ ul.pf-c-list {
18506
18535
  }
18507
18536
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18508
18537
  overflow: visible;
18538
+ visibility: hidden;
18509
18539
  }
18510
18540
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18511
18541
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
18512
18542
  display: none;
18513
18543
  }
18544
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18545
+ visibility: hidden;
18546
+ }
18514
18547
  .pf-c-menu.pf-m-plain {
18515
18548
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18516
18549
  }
@@ -22486,6 +22519,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22486
22519
  }
22487
22520
 
22488
22521
  .pf-c-pagination {
22522
+ --pf-c-pagination--inset: 0;
22523
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22524
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22525
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22526
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22489
22527
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22490
22528
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22491
22529
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22541,6 +22579,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22541
22579
  flex-wrap: wrap;
22542
22580
  align-items: center;
22543
22581
  justify-content: flex-end;
22582
+ padding-right: var(--pf-c-pagination--PaddingRight);
22583
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22544
22584
  }
22545
22585
  @media screen and (min-width: 768px) {
22546
22586
  .pf-c-pagination {
@@ -22560,6 +22600,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22560
22600
  .pf-c-pagination {
22561
22601
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22562
22602
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22603
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22604
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22563
22605
  }
22564
22606
  }
22565
22607
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22650,6 +22692,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22650
22692
  .pf-c-pagination.pf-m-compact {
22651
22693
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22652
22694
  }
22695
+ .pf-c-pagination.pf-m-page-insets {
22696
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22697
+ }
22653
22698
 
22654
22699
  .pf-c-pagination__nav {
22655
22700
  display: var(--pf-c-pagination__nav--Display);
@@ -22696,6 +22741,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22696
22741
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22697
22742
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22698
22743
  }
22744
+ .pf-c-pagination.pf-m-inset-none {
22745
+ --pf-c-pagination--inset: 0;
22746
+ }
22747
+ .pf-c-pagination.pf-m-inset-sm {
22748
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22749
+ }
22750
+ .pf-c-pagination.pf-m-inset-md {
22751
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22752
+ }
22753
+ .pf-c-pagination.pf-m-inset-lg {
22754
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22755
+ }
22756
+ .pf-c-pagination.pf-m-inset-xl {
22757
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22758
+ }
22759
+ .pf-c-pagination.pf-m-inset-2xl {
22760
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22761
+ }
22762
+ .pf-c-pagination.pf-m-inset-none {
22763
+ --pf-c-pagination--inset: 0;
22764
+ }
22765
+ .pf-c-pagination.pf-m-inset-sm {
22766
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22767
+ }
22768
+ .pf-c-pagination.pf-m-inset-md {
22769
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22770
+ }
22771
+ .pf-c-pagination.pf-m-inset-lg {
22772
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22773
+ }
22774
+ .pf-c-pagination.pf-m-inset-xl {
22775
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22776
+ }
22777
+ .pf-c-pagination.pf-m-inset-2xl {
22778
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22779
+ }
22699
22780
  @media (min-width: 576px) {
22700
22781
  .pf-c-pagination.pf-m-display-summary-on-sm {
22701
22782
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22707,6 +22788,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22707
22788
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22708
22789
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22709
22790
  }
22791
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22792
+ --pf-c-pagination--inset: 0;
22793
+ }
22794
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22795
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22796
+ }
22797
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22798
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22799
+ }
22800
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22801
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22802
+ }
22803
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22804
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22805
+ }
22806
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22807
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22808
+ }
22809
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22810
+ --pf-c-pagination--inset: 0;
22811
+ }
22812
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22813
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22814
+ }
22815
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22816
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22817
+ }
22818
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22819
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22820
+ }
22821
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22822
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22823
+ }
22824
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22825
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22826
+ }
22710
22827
  }
22711
22828
  @media (min-width: 768px) {
22712
22829
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22719,6 +22836,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22719
22836
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22720
22837
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22721
22838
  }
22839
+ .pf-c-pagination.pf-m-inset-none-on-md {
22840
+ --pf-c-pagination--inset: 0;
22841
+ }
22842
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22843
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22844
+ }
22845
+ .pf-c-pagination.pf-m-inset-md-on-md {
22846
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22847
+ }
22848
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22849
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22850
+ }
22851
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22852
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22853
+ }
22854
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22855
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22856
+ }
22857
+ .pf-c-pagination.pf-m-inset-none-on-md {
22858
+ --pf-c-pagination--inset: 0;
22859
+ }
22860
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22861
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22862
+ }
22863
+ .pf-c-pagination.pf-m-inset-md-on-md {
22864
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22865
+ }
22866
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22867
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22868
+ }
22869
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22870
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22871
+ }
22872
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22873
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22874
+ }
22722
22875
  }
22723
22876
  @media (min-width: 992px) {
22724
22877
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22731,6 +22884,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22731
22884
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22732
22885
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22733
22886
  }
22887
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22888
+ --pf-c-pagination--inset: 0;
22889
+ }
22890
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22891
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22892
+ }
22893
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22894
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22895
+ }
22896
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22897
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22898
+ }
22899
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22900
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22901
+ }
22902
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22903
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22904
+ }
22905
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22906
+ --pf-c-pagination--inset: 0;
22907
+ }
22908
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22909
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22910
+ }
22911
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22912
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22913
+ }
22914
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22915
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22916
+ }
22917
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22918
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22919
+ }
22920
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22921
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22922
+ }
22734
22923
  }
22735
22924
  @media (min-width: 1200px) {
22736
22925
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22743,6 +22932,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22743
22932
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22744
22933
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22745
22934
  }
22935
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22936
+ --pf-c-pagination--inset: 0;
22937
+ }
22938
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22939
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22940
+ }
22941
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22942
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22943
+ }
22944
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22945
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22946
+ }
22947
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22948
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22949
+ }
22950
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22951
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22952
+ }
22953
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22954
+ --pf-c-pagination--inset: 0;
22955
+ }
22956
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22957
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22958
+ }
22959
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22960
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22961
+ }
22962
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22963
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22964
+ }
22965
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22966
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22967
+ }
22968
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22969
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22970
+ }
22746
22971
  }
22747
22972
  @media (min-width: 1450px) {
22748
22973
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22755,6 +22980,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22755
22980
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22756
22981
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22757
22982
  }
22983
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22984
+ --pf-c-pagination--inset: 0;
22985
+ }
22986
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22987
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22988
+ }
22989
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22990
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22991
+ }
22992
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22993
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22994
+ }
22995
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22996
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22997
+ }
22998
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22999
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23000
+ }
23001
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
23002
+ --pf-c-pagination--inset: 0;
23003
+ }
23004
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
23005
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23006
+ }
23007
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
23008
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23009
+ }
23010
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
23011
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23012
+ }
23013
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
23014
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23015
+ }
23016
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
23017
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23018
+ }
22758
23019
  }
22759
23020
 
22760
23021
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
@@ -25640,13 +25901,6 @@ label.pf-c-radio, .pf-c-radio__label,
25640
25901
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25641
25902
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25642
25903
  }
25643
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
25644
- align-items: center;
25645
- }
25646
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
25647
- position: absolute;
25648
- left: 100%;
25649
- }
25650
25904
  .pf-c-slider__value .pf-c-form-control {
25651
25905
  width: var(--pf-c-slider__value--c-form-control--Width);
25652
25906
  }