@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/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": "5.0.0-alpha.2",
4
+ "version": "5.0.0-alpha.4",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -34,9 +34,9 @@
34
34
  "@fortawesome/fontawesome": "^1.1.8",
35
35
  "@octokit/rest": "^16.40.1",
36
36
  "@patternfly/patternfly-a11y": "4.3.1",
37
- "@patternfly/react-code-editor": "4.82.55",
38
- "@patternfly/react-core": "4.250.1",
39
- "@patternfly/react-table": "4.111.33",
37
+ "@patternfly/react-code-editor": "4.82.82",
38
+ "@patternfly/react-core": "4.267.6",
39
+ "@patternfly/react-table": "4.112.6",
40
40
  "@starptech/prettyhtml": "^0.10.0",
41
41
  "babel-eslint": "^8.2.3",
42
42
  "cheerio": "^1.0.0-rc.3",
@@ -79,7 +79,7 @@
79
79
  "stylelint-scss": "^4.3.0",
80
80
  "stylelint-value-no-unknown-custom-properties": "^4.0.0",
81
81
  "surge": "^0.21.3",
82
- "@patternfly/documentation-framework": "1.2.61",
82
+ "@patternfly/documentation-framework": "1.3.8",
83
83
  "unified": "^9.2.0",
84
84
  "webpack": "^4.43.0"
85
85
  },
package/patternfly-no-reset.css CHANGED
@@ -13599,6 +13599,8 @@ label.pf-c-check, .pf-c-check__label,
13599
13599
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
13600
13600
  --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
13601
13601
  --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
13602
+ --pf-c-dropdown__toggle-progress--Visibility: hidden;
13603
+ --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
13602
13604
  --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
13603
13605
  --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
13604
13606
  --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -13810,9 +13812,14 @@ label.pf-c-check, .pf-c-check__label,
13810
13812
  align-items: center;
13811
13813
  cursor: pointer;
13812
13814
  }
13815
+ .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
13816
+ --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
13817
+ --pf-c-dropdown__toggle-progress--Visibility: visible;
13818
+ }
13813
13819
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
13814
13820
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
13815
13821
  cursor: pointer;
13822
+ visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13816
13823
  transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
13817
13824
  }
13818
13825
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -14008,6 +14015,14 @@ label.pf-c-check, .pf-c-check__label,
14008
14015
  --pf-c-dropdown__toggle-image--MarginRight: 0;
14009
14016
  }
14010
14017
 
14018
+ .pf-c-dropdown__toggle-progress {
14019
+ position: absolute;
14020
+ visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
14021
+ }
14022
+ .pf-c-dropdown__toggle-progress .pf-c-spinner {
14023
+ --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
14024
+ }
14025
+
14011
14026
  .pf-c-dropdown__menu {
14012
14027
  position: absolute;
14013
14028
  top: var(--pf-c-dropdown__menu--Top);
@@ -15453,7 +15468,7 @@ textarea.pf-c-form-control {
15453
15468
  }
15454
15469
 
15455
15470
  :where(.pf-theme-dark) .pf-c-form-control {
15456
- --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");
15471
+ --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");
15457
15472
  --pf-c-form-control--BorderTopColor: transparent;
15458
15473
  --pf-c-form-control--BorderRightColor: transparent;
15459
15474
  --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
@@ -15903,6 +15918,9 @@ textarea.pf-c-form-control {
15903
15918
  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
15904
15919
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
15905
15920
  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
15921
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
15922
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
15923
+ --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
15906
15924
  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
15907
15925
  --pf-c-input-group--c-form-control--MarginRight: 0;
15908
15926
  color: var(--pf-global--Color--100);
@@ -15952,6 +15970,11 @@ label.pf-c-input-group__text {
15952
15970
  --pf-c-input-group__text--BorderWidth: 0;
15953
15971
  margin-left: 0;
15954
15972
  }
15973
+ .pf-c-input-group__text.pf-m-disabled {
15974
+ --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
15975
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
15976
+ --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
15977
+ }
15955
15978
 
15956
15979
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
15957
15980
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -15996,6 +16019,8 @@ label.pf-c-input-group__text {
15996
16019
  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
15997
16020
  --pf-c-input-group__text--BorderLeftColor: transparent;
15998
16021
  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
16022
+ --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
16023
+ --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
15999
16024
  }
16000
16025
  :where(.pf-theme-dark) .pf-c-input-group > * + * {
16001
16026
  margin-left: 0;
@@ -16010,6 +16035,10 @@ label.pf-c-input-group__text {
16010
16035
  :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
16011
16036
  --pf-c-input-group__text--BackgroundColor: transparent;
16012
16037
  }
16038
+ :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
16039
+ --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
16040
+ color: var(--pf-c-input-group__text--m-disabled--Color);
16041
+ }
16013
16042
 
16014
16043
  .pf-c-jump-links {
16015
16044
  --pf-c-jump-links__list--Display: flex;
@@ -18383,11 +18412,15 @@ ul.pf-c-list {
18383
18412
  }
18384
18413
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
18385
18414
  overflow: visible;
18415
+ visibility: hidden;
18386
18416
  }
18387
18417
  .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
18388
18418
  .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) {
18389
18419
  display: none;
18390
18420
  }
18421
+ .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
18422
+ visibility: hidden;
18423
+ }
18391
18424
  .pf-c-menu.pf-m-plain {
18392
18425
  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
18393
18426
  }
@@ -22363,6 +22396,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22363
22396
  }
22364
22397
 
22365
22398
  .pf-c-pagination {
22399
+ --pf-c-pagination--inset: 0;
22400
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22401
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22402
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22403
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22366
22404
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22367
22405
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22368
22406
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22418,6 +22456,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22418
22456
  flex-wrap: wrap;
22419
22457
  align-items: center;
22420
22458
  justify-content: flex-end;
22459
+ padding-right: var(--pf-c-pagination--PaddingRight);
22460
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22421
22461
  }
22422
22462
  @media screen and (min-width: 768px) {
22423
22463
  .pf-c-pagination {
@@ -22437,6 +22477,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22437
22477
  .pf-c-pagination {
22438
22478
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22439
22479
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22480
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22481
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22440
22482
  }
22441
22483
  }
22442
22484
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22527,6 +22569,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22527
22569
  .pf-c-pagination.pf-m-compact {
22528
22570
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22529
22571
  }
22572
+ .pf-c-pagination.pf-m-page-insets {
22573
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22574
+ }
22530
22575
 
22531
22576
  .pf-c-pagination__nav {
22532
22577
  display: var(--pf-c-pagination__nav--Display);
@@ -22573,6 +22618,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22573
22618
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22574
22619
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22575
22620
  }
22621
+ .pf-c-pagination.pf-m-inset-none {
22622
+ --pf-c-pagination--inset: 0;
22623
+ }
22624
+ .pf-c-pagination.pf-m-inset-sm {
22625
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22626
+ }
22627
+ .pf-c-pagination.pf-m-inset-md {
22628
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22629
+ }
22630
+ .pf-c-pagination.pf-m-inset-lg {
22631
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22632
+ }
22633
+ .pf-c-pagination.pf-m-inset-xl {
22634
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22635
+ }
22636
+ .pf-c-pagination.pf-m-inset-2xl {
22637
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22638
+ }
22639
+ .pf-c-pagination.pf-m-inset-none {
22640
+ --pf-c-pagination--inset: 0;
22641
+ }
22642
+ .pf-c-pagination.pf-m-inset-sm {
22643
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22644
+ }
22645
+ .pf-c-pagination.pf-m-inset-md {
22646
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22647
+ }
22648
+ .pf-c-pagination.pf-m-inset-lg {
22649
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22650
+ }
22651
+ .pf-c-pagination.pf-m-inset-xl {
22652
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22653
+ }
22654
+ .pf-c-pagination.pf-m-inset-2xl {
22655
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22656
+ }
22576
22657
  @media (min-width: 576px) {
22577
22658
  .pf-c-pagination.pf-m-display-summary-on-sm {
22578
22659
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -22584,6 +22665,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22584
22665
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22585
22666
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22586
22667
  }
22668
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22669
+ --pf-c-pagination--inset: 0;
22670
+ }
22671
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22672
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22673
+ }
22674
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22675
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22676
+ }
22677
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22678
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22679
+ }
22680
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22681
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22682
+ }
22683
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22684
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22685
+ }
22686
+ .pf-c-pagination.pf-m-inset-none-on-sm {
22687
+ --pf-c-pagination--inset: 0;
22688
+ }
22689
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
22690
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22691
+ }
22692
+ .pf-c-pagination.pf-m-inset-md-on-sm {
22693
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22694
+ }
22695
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
22696
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22697
+ }
22698
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
22699
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22700
+ }
22701
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
22702
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22703
+ }
22587
22704
  }
22588
22705
  @media (min-width: 768px) {
22589
22706
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -22596,6 +22713,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22596
22713
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22597
22714
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22598
22715
  }
22716
+ .pf-c-pagination.pf-m-inset-none-on-md {
22717
+ --pf-c-pagination--inset: 0;
22718
+ }
22719
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22720
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22721
+ }
22722
+ .pf-c-pagination.pf-m-inset-md-on-md {
22723
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22724
+ }
22725
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22726
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22727
+ }
22728
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22729
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22730
+ }
22731
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22732
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22733
+ }
22734
+ .pf-c-pagination.pf-m-inset-none-on-md {
22735
+ --pf-c-pagination--inset: 0;
22736
+ }
22737
+ .pf-c-pagination.pf-m-inset-sm-on-md {
22738
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22739
+ }
22740
+ .pf-c-pagination.pf-m-inset-md-on-md {
22741
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22742
+ }
22743
+ .pf-c-pagination.pf-m-inset-lg-on-md {
22744
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22745
+ }
22746
+ .pf-c-pagination.pf-m-inset-xl-on-md {
22747
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22748
+ }
22749
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
22750
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22751
+ }
22599
22752
  }
22600
22753
  @media (min-width: 992px) {
22601
22754
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -22608,6 +22761,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22608
22761
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22609
22762
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22610
22763
  }
22764
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22765
+ --pf-c-pagination--inset: 0;
22766
+ }
22767
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22768
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22769
+ }
22770
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22771
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22772
+ }
22773
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22774
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22775
+ }
22776
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22777
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22778
+ }
22779
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22780
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22781
+ }
22782
+ .pf-c-pagination.pf-m-inset-none-on-lg {
22783
+ --pf-c-pagination--inset: 0;
22784
+ }
22785
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
22786
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22787
+ }
22788
+ .pf-c-pagination.pf-m-inset-md-on-lg {
22789
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22790
+ }
22791
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
22792
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22793
+ }
22794
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
22795
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22796
+ }
22797
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
22798
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22799
+ }
22611
22800
  }
22612
22801
  @media (min-width: 1200px) {
22613
22802
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -22620,6 +22809,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22620
22809
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22621
22810
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22622
22811
  }
22812
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22813
+ --pf-c-pagination--inset: 0;
22814
+ }
22815
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22816
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22817
+ }
22818
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22819
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22820
+ }
22821
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22822
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22823
+ }
22824
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22825
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22826
+ }
22827
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22828
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22829
+ }
22830
+ .pf-c-pagination.pf-m-inset-none-on-xl {
22831
+ --pf-c-pagination--inset: 0;
22832
+ }
22833
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
22834
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22835
+ }
22836
+ .pf-c-pagination.pf-m-inset-md-on-xl {
22837
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22838
+ }
22839
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
22840
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22841
+ }
22842
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
22843
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22844
+ }
22845
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
22846
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22847
+ }
22623
22848
  }
22624
22849
  @media (min-width: 1450px) {
22625
22850
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -22632,6 +22857,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22632
22857
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
22633
22858
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22634
22859
  }
22860
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22861
+ --pf-c-pagination--inset: 0;
22862
+ }
22863
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22864
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22865
+ }
22866
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22867
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22868
+ }
22869
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22870
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22871
+ }
22872
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22873
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22874
+ }
22875
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22876
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22877
+ }
22878
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
22879
+ --pf-c-pagination--inset: 0;
22880
+ }
22881
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
22882
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
22883
+ }
22884
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
22885
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
22886
+ }
22887
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
22888
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
22889
+ }
22890
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
22891
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
22892
+ }
22893
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
22894
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
22895
+ }
22635
22896
  }
22636
22897
 
22637
22898
  :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,
@@ -25517,13 +25778,6 @@ label.pf-c-radio, .pf-c-radio__label,
25517
25778
  z-index: var(--pf-c-slider__value--m-floating--ZIndex);
25518
25779
  transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
25519
25780
  }
25520
- .pf-c-slider__value.pf-m-floating .pf-c-input-group {
25521
- align-items: center;
25522
- }
25523
- .pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
25524
- position: absolute;
25525
- left: 100%;
25526
- }
25527
25781
  .pf-c-slider__value .pf-c-form-control {
25528
25782
  width: var(--pf-c-slider__value--c-form-control--Width);
25529
25783
  }