@patternfly/patternfly 5.0.0-alpha.51 → 5.0.0-alpha.53

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 (29) hide show
  1. package/base/patternfly-variables.css +2 -2
  2. package/components/AboutModalBox/about-modal-box.css +1 -20
  3. package/components/AboutModalBox/about-modal-box.scss +3 -24
  4. package/components/BackgroundImage/background-image.css +1 -2
  5. package/components/BackgroundImage/background-image.scss +1 -2
  6. package/components/Divider/divider.css +12 -12
  7. package/components/FormControl/form-control.css +0 -7
  8. package/components/FormControl/form-control.scss +7 -7
  9. package/components/Icon/icon.css +25 -24
  10. package/components/Icon/icon.scss +30 -31
  11. package/components/Masthead/masthead.css +12 -12
  12. package/components/Pagination/pagination.css +12 -12
  13. package/components/Tabs/tabs.css +24 -24
  14. package/components/Toolbar/toolbar.css +54 -54
  15. package/docs/components/AboutModalBox/examples/AboutModalBox.md +7 -9
  16. package/docs/components/BackgroundImage/examples/BackgroundImage.md +7 -11
  17. package/docs/components/Login/examples/Login.md +20 -5
  18. package/docs/demos/AboutModal/examples/AboutModal.md +4 -1
  19. package/layouts/Flex/flex.css +60 -120
  20. package/layouts/Flex/flex.scss +1 -1
  21. package/package.json +1 -1
  22. package/patternfly-base-no-globals.css +2 -2
  23. package/patternfly-base.css +2 -2
  24. package/patternfly-no-globals.css +203 -289
  25. package/patternfly.css +203 -289
  26. package/patternfly.min.css +1 -1
  27. package/patternfly.min.css.map +1 -1
  28. package/sass-utilities/functions.scss +6 -9
  29. package/sass-utilities/scss-variables.scss +2 -5
package/patternfly.css CHANGED
@@ -276,8 +276,8 @@
276
276
  --pf-v5-global--BorderRadius--lg: 30em;
277
277
  --pf-v5-global--icon--Color--light: #6a6e73;
278
278
  --pf-v5-global--icon--Color--dark: #151515;
279
- --pf-v5-global--icon--FontSize--sm: 0.625rem;
280
- --pf-v5-global--icon--FontSize--md: 1.125rem;
279
+ --pf-v5-global--icon--FontSize--sm: 0.75rem;
280
+ --pf-v5-global--icon--FontSize--md: 1rem;
281
281
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
282
282
  --pf-v5-global--icon--FontSize--xl: 3.375rem;
283
283
  --pf-v5-global--FontFamily--sans-serif: "RedHatText", helvetica, arial, sans-serif;
@@ -5441,7 +5441,6 @@ button) {
5441
5441
 
5442
5442
  .pf-v5-c-about-modal-box {
5443
5443
  --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5444
- --pf-v5-c-about-modal-box--BackgroundImage: url("./assets/images/pfbg-icon.svg");
5445
5444
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5446
5445
  --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
5447
5446
  --pf-v5-c-about-modal-box--BackgroundSize--width: 60%;
@@ -5472,9 +5471,6 @@ button) {
5472
5471
  --pf-v5-c-about-modal-box__close--c-button--Height: calc(var(--pf-v5-c-about-modal-box__close--c-button--FontSize) * 2);
5473
5472
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5474
5473
  --pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, 0.4);
5475
- --pf-v5-c-about-modal-box__hero--sm--BackgroundImage: url("./assets/images/pfbg_992@2x.jpg");
5476
- --pf-v5-c-about-modal-box__hero--sm--BackgroundPosition: top left;
5477
- --pf-v5-c-about-modal-box__hero--sm--BackgroundSize: cover;
5478
5474
  --pf-v5-c-about-modal-box__brand-image--Height: 2.5rem;
5479
5475
  --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--xl);
5480
5476
  --pf-v5-c-about-modal-box__header--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -5502,7 +5498,7 @@ button) {
5502
5498
  overflow-x: hidden;
5503
5499
  overflow-y: auto;
5504
5500
  background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
5505
- background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
5501
+ background-image: var(--pf-v5-c-about-modal-box--BackgroundImage, none);
5506
5502
  background-repeat: no-repeat;
5507
5503
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5508
5504
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
@@ -5639,21 +5635,6 @@ button) {
5639
5635
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5640
5636
  }
5641
5637
 
5642
- .pf-v5-c-about-modal-box__hero {
5643
- display: none;
5644
- }
5645
- @media only screen and (min-width: 576px) {
5646
- .pf-v5-c-about-modal-box__hero {
5647
- display: block;
5648
- grid-area: hero;
5649
- background-image: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundImage);
5650
- background-repeat: no-repeat;
5651
- background-attachment: fixed;
5652
- background-position: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundPosition);
5653
- background-size: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundSize);
5654
- }
5655
- }
5656
-
5657
5638
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5658
5639
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5659
5640
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
@@ -6728,7 +6709,6 @@ button) {
6728
6709
 
6729
6710
  .pf-v5-c-background-image {
6730
6711
  --pf-v5-c-background-image--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
6731
- --pf-v5-c-background-image--BackgroundImage: url("./assets/images/pfbg-icon.svg");
6732
6712
  --pf-v5-c-background-image--BackgroundPosition: bottom right;
6733
6713
  --pf-v5-c-background-image--BackgroundSize--min-width: 200px;
6734
6714
  --pf-v5-c-background-image--BackgroundSize--width: 60%;
@@ -6741,7 +6721,7 @@ button) {
6741
6721
  width: 100%;
6742
6722
  height: 100%;
6743
6723
  background-color: var(--pf-v5-c-background-image--BackgroundColor);
6744
- background-image: var(--pf-v5-c-background-image--BackgroundImage);
6724
+ background-image: var(--pf-v5-c-background-image--BackgroundImage, none);
6745
6725
  background-repeat: no-repeat;
6746
6726
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
6747
6727
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
@@ -11608,10 +11588,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11608
11588
  flex-wrap: wrap;
11609
11589
  }
11610
11590
  }
11611
- .pf-v5-c-toolbar .pf-m-space-items-base > * {
11612
- --pf-v5-c-toolbar--spacer: ;
11591
+ .pf-v5-c-toolbar .pf-m-space-items-none > * {
11592
+ --pf-v5-c-toolbar--spacer: 0;
11613
11593
  }
11614
- .pf-v5-c-toolbar .pf-m-space-items-base > :last-child {
11594
+ .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
11615
11595
  --pf-v5-c-toolbar--spacer: 0;
11616
11596
  }
11617
11597
  .pf-v5-c-toolbar .pf-m-space-items-sm > * {
@@ -11633,10 +11613,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11633
11613
  --pf-v5-c-toolbar--spacer: 0;
11634
11614
  }
11635
11615
  @media (min-width: 576px) {
11636
- .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > * {
11637
- --pf-v5-c-toolbar--spacer: ;
11616
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
11617
+ --pf-v5-c-toolbar--spacer: 0;
11638
11618
  }
11639
- .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > :last-child {
11619
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
11640
11620
  --pf-v5-c-toolbar--spacer: 0;
11641
11621
  }
11642
11622
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
@@ -11659,10 +11639,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11659
11639
  }
11660
11640
  }
11661
11641
  @media (min-width: 768px) {
11662
- .pf-v5-c-toolbar .pf-m-space-items-base-on-md > * {
11663
- --pf-v5-c-toolbar--spacer: ;
11642
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
11643
+ --pf-v5-c-toolbar--spacer: 0;
11664
11644
  }
11665
- .pf-v5-c-toolbar .pf-m-space-items-base-on-md > :last-child {
11645
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
11666
11646
  --pf-v5-c-toolbar--spacer: 0;
11667
11647
  }
11668
11648
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
@@ -11685,10 +11665,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11685
11665
  }
11686
11666
  }
11687
11667
  @media (min-width: 992px) {
11688
- .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > * {
11689
- --pf-v5-c-toolbar--spacer: ;
11668
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
11669
+ --pf-v5-c-toolbar--spacer: 0;
11690
11670
  }
11691
- .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > :last-child {
11671
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
11692
11672
  --pf-v5-c-toolbar--spacer: 0;
11693
11673
  }
11694
11674
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
@@ -11711,10 +11691,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11711
11691
  }
11712
11692
  }
11713
11693
  @media (min-width: 1200px) {
11714
- .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > * {
11715
- --pf-v5-c-toolbar--spacer: ;
11694
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
11695
+ --pf-v5-c-toolbar--spacer: 0;
11716
11696
  }
11717
- .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > :last-child {
11697
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
11718
11698
  --pf-v5-c-toolbar--spacer: 0;
11719
11699
  }
11720
11700
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
@@ -11737,10 +11717,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11737
11717
  }
11738
11718
  }
11739
11719
  @media (min-width: 1450px) {
11740
- .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > * {
11741
- --pf-v5-c-toolbar--spacer: ;
11720
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
11721
+ --pf-v5-c-toolbar--spacer: 0;
11742
11722
  }
11743
- .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > :last-child {
11723
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
11744
11724
  --pf-v5-c-toolbar--spacer: 0;
11745
11725
  }
11746
11726
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
@@ -11762,11 +11742,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11762
11742
  --pf-v5-c-toolbar--spacer: 0;
11763
11743
  }
11764
11744
  }
11765
- .pf-v5-c-toolbar .pf-m-spacer-base {
11766
- --pf-v5-c-toolbar--spacer: ;
11745
+ .pf-v5-c-toolbar .pf-m-spacer-none {
11746
+ --pf-v5-c-toolbar--spacer: 0;
11767
11747
  }
11768
- .pf-v5-c-toolbar .pf-m-spacer-base:last-child {
11769
- --pf-v5-c-toolbar--spacer: ;
11748
+ .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
11749
+ --pf-v5-c-toolbar--spacer: 0;
11770
11750
  }
11771
11751
  .pf-v5-c-toolbar .pf-m-spacer-sm {
11772
11752
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11787,11 +11767,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11787
11767
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11788
11768
  }
11789
11769
  @media (min-width: 576px) {
11790
- .pf-v5-c-toolbar .pf-m-spacer-base-on-sm {
11791
- --pf-v5-c-toolbar--spacer: ;
11770
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
11771
+ --pf-v5-c-toolbar--spacer: 0;
11792
11772
  }
11793
- .pf-v5-c-toolbar .pf-m-spacer-base-on-sm:last-child {
11794
- --pf-v5-c-toolbar--spacer: ;
11773
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
11774
+ --pf-v5-c-toolbar--spacer: 0;
11795
11775
  }
11796
11776
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
11797
11777
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11813,11 +11793,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11813
11793
  }
11814
11794
  }
11815
11795
  @media (min-width: 768px) {
11816
- .pf-v5-c-toolbar .pf-m-spacer-base-on-md {
11817
- --pf-v5-c-toolbar--spacer: ;
11796
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
11797
+ --pf-v5-c-toolbar--spacer: 0;
11818
11798
  }
11819
- .pf-v5-c-toolbar .pf-m-spacer-base-on-md:last-child {
11820
- --pf-v5-c-toolbar--spacer: ;
11799
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
11800
+ --pf-v5-c-toolbar--spacer: 0;
11821
11801
  }
11822
11802
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
11823
11803
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11839,11 +11819,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11839
11819
  }
11840
11820
  }
11841
11821
  @media (min-width: 992px) {
11842
- .pf-v5-c-toolbar .pf-m-spacer-base-on-lg {
11843
- --pf-v5-c-toolbar--spacer: ;
11822
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
11823
+ --pf-v5-c-toolbar--spacer: 0;
11844
11824
  }
11845
- .pf-v5-c-toolbar .pf-m-spacer-base-on-lg:last-child {
11846
- --pf-v5-c-toolbar--spacer: ;
11825
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
11826
+ --pf-v5-c-toolbar--spacer: 0;
11847
11827
  }
11848
11828
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
11849
11829
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11865,11 +11845,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11865
11845
  }
11866
11846
  }
11867
11847
  @media (min-width: 1200px) {
11868
- .pf-v5-c-toolbar .pf-m-spacer-base-on-xl {
11869
- --pf-v5-c-toolbar--spacer: ;
11848
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
11849
+ --pf-v5-c-toolbar--spacer: 0;
11870
11850
  }
11871
- .pf-v5-c-toolbar .pf-m-spacer-base-on-xl:last-child {
11872
- --pf-v5-c-toolbar--spacer: ;
11851
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
11852
+ --pf-v5-c-toolbar--spacer: 0;
11873
11853
  }
11874
11854
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
11875
11855
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11891,11 +11871,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11891
11871
  }
11892
11872
  }
11893
11873
  @media (min-width: 1450px) {
11894
- .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl {
11895
- --pf-v5-c-toolbar--spacer: ;
11874
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
11875
+ --pf-v5-c-toolbar--spacer: 0;
11896
11876
  }
11897
- .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl:last-child {
11898
- --pf-v5-c-toolbar--spacer: ;
11877
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
11878
+ --pf-v5-c-toolbar--spacer: 0;
11899
11879
  }
11900
11880
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
11901
11881
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11916,8 +11896,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11916
11896
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11917
11897
  }
11918
11898
  }
11919
- .pf-v5-c-toolbar.pf-m-inset-base {
11920
- --pf-v5-c-toolbar--inset: ;
11899
+ .pf-v5-c-toolbar.pf-m-inset-none {
11900
+ --pf-v5-c-toolbar--inset: 0;
11921
11901
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11922
11902
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11923
11903
  }
@@ -11947,8 +11927,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11947
11927
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11948
11928
  }
11949
11929
  @media (min-width: 576px) {
11950
- .pf-v5-c-toolbar.pf-m-inset-base-on-sm {
11951
- --pf-v5-c-toolbar--inset: ;
11930
+ .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
11931
+ --pf-v5-c-toolbar--inset: 0;
11952
11932
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11953
11933
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11954
11934
  }
@@ -11979,8 +11959,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11979
11959
  }
11980
11960
  }
11981
11961
  @media (min-width: 768px) {
11982
- .pf-v5-c-toolbar.pf-m-inset-base-on-md {
11983
- --pf-v5-c-toolbar--inset: ;
11962
+ .pf-v5-c-toolbar.pf-m-inset-none-on-md {
11963
+ --pf-v5-c-toolbar--inset: 0;
11984
11964
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11985
11965
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11986
11966
  }
@@ -12011,8 +11991,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12011
11991
  }
12012
11992
  }
12013
11993
  @media (min-width: 992px) {
12014
- .pf-v5-c-toolbar.pf-m-inset-base-on-lg {
12015
- --pf-v5-c-toolbar--inset: ;
11994
+ .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
11995
+ --pf-v5-c-toolbar--inset: 0;
12016
11996
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12017
11997
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12018
11998
  }
@@ -12043,8 +12023,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12043
12023
  }
12044
12024
  }
12045
12025
  @media (min-width: 1200px) {
12046
- .pf-v5-c-toolbar.pf-m-inset-base-on-xl {
12047
- --pf-v5-c-toolbar--inset: ;
12026
+ .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
12027
+ --pf-v5-c-toolbar--inset: 0;
12048
12028
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12049
12029
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12050
12030
  }
@@ -12075,8 +12055,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12075
12055
  }
12076
12056
  }
12077
12057
  @media (min-width: 1450px) {
12078
- .pf-v5-c-toolbar.pf-m-inset-base-on-2xl {
12079
- --pf-v5-c-toolbar--inset: ;
12058
+ .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
12059
+ --pf-v5-c-toolbar--inset: 0;
12080
12060
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
12081
12061
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
12082
12062
  }
@@ -12237,8 +12217,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12237
12217
  .pf-v5-c-divider.pf-m-vertical::after {
12238
12218
  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
12239
12219
  }
12240
- .pf-v5-c-divider.pf-m-inset-base {
12241
- --pf-v5-c-divider--after--Inset: ;
12220
+ .pf-v5-c-divider.pf-m-inset-none {
12221
+ --pf-v5-c-divider--after--Inset: 0%;
12242
12222
  }
12243
12223
  .pf-v5-c-divider.pf-m-inset-xs {
12244
12224
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12288,8 +12268,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12288
12268
  }
12289
12269
  }
12290
12270
  @media (min-width: 576px) {
12291
- .pf-v5-c-divider.pf-m-inset-base-on-sm {
12292
- --pf-v5-c-divider--after--Inset: ;
12271
+ .pf-v5-c-divider.pf-m-inset-none-on-sm {
12272
+ --pf-v5-c-divider--after--Inset: 0%;
12293
12273
  }
12294
12274
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
12295
12275
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12340,8 +12320,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12340
12320
  }
12341
12321
  }
12342
12322
  @media (min-width: 768px) {
12343
- .pf-v5-c-divider.pf-m-inset-base-on-md {
12344
- --pf-v5-c-divider--after--Inset: ;
12323
+ .pf-v5-c-divider.pf-m-inset-none-on-md {
12324
+ --pf-v5-c-divider--after--Inset: 0%;
12345
12325
  }
12346
12326
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
12347
12327
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12392,8 +12372,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12392
12372
  }
12393
12373
  }
12394
12374
  @media (min-width: 992px) {
12395
- .pf-v5-c-divider.pf-m-inset-base-on-lg {
12396
- --pf-v5-c-divider--after--Inset: ;
12375
+ .pf-v5-c-divider.pf-m-inset-none-on-lg {
12376
+ --pf-v5-c-divider--after--Inset: 0%;
12397
12377
  }
12398
12378
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
12399
12379
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12444,8 +12424,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12444
12424
  }
12445
12425
  }
12446
12426
  @media (min-width: 1200px) {
12447
- .pf-v5-c-divider.pf-m-inset-base-on-xl {
12448
- --pf-v5-c-divider--after--Inset: ;
12427
+ .pf-v5-c-divider.pf-m-inset-none-on-xl {
12428
+ --pf-v5-c-divider--after--Inset: 0%;
12449
12429
  }
12450
12430
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
12451
12431
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12496,8 +12476,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12496
12476
  }
12497
12477
  }
12498
12478
  @media (min-width: 1450px) {
12499
- .pf-v5-c-divider.pf-m-inset-base-on-2xl {
12500
- --pf-v5-c-divider--after--Inset: ;
12479
+ .pf-v5-c-divider.pf-m-inset-none-on-2xl {
12480
+ --pf-v5-c-divider--after--Inset: 0%;
12501
12481
  }
12502
12482
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
12503
12483
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -14952,13 +14932,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14952
14932
  --pf-v5-c-form-control--textarea--success--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14953
14933
  --pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14954
14934
  --pf-v5-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14955
- --pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
14956
- --pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
14957
- --pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
14958
- --pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
14959
- --pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
14960
- --pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
14961
- --pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
14962
14935
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-v5-c-form-control--FontSize);
14963
14936
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-v5-global--spacer--md) + 7px);
14964
14937
  --pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-v5-global--spacer--md) + 1px - var(--pf-v5-global--spacer--lg));
@@ -15358,31 +15331,32 @@ textarea.pf-v5-c-form-control {
15358
15331
  }
15359
15332
 
15360
15333
  .pf-v5-c-icon {
15361
- --pf-v5-c-icon--Width: var(--pf-v5-global--icon--FontSize--md);
15362
- --pf-v5-c-icon--Height: var(--pf-v5-global--icon--FontSize--md);
15363
- --pf-v5-c-icon--m-inline--Width: 1em;
15364
- --pf-v5-c-icon--m-inline--Height: 1em;
15334
+ --pf-v5-c-icon--Width: 1em;
15335
+ --pf-v5-c-icon--Height: 1em;
15365
15336
  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
15366
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15367
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15368
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15369
15337
  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
15338
+ --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15370
15339
  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
15340
+ --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15371
15341
  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
15342
+ --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15372
15343
  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
15373
- --pf-v5-c-icon__content--Color: var(--pf-v5-global--icon--Color--dark);
15344
+ --pf-v5-c-icon--m-inline--Width: 1em;
15345
+ --pf-v5-c-icon--m-inline--Height: 1em;
15346
+ --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15347
+ --pf-v5-c-icon__content--Color: initial;
15374
15348
  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
15375
15349
  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
15376
15350
  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
15377
15351
  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
15378
15352
  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
15379
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15353
+ --pf-v5-c-icon--m-inline__content--Color: initial;
15354
+ --pf-v5-c-icon__content--FontSize: 1em;
15355
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15356
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15357
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15358
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15380
15359
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
15381
- --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15382
- --pf-v5-c-icon--m-sm--content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15383
- --pf-v5-c-icon--m-md--content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15384
- --pf-v5-c-icon--m-lg--content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15385
- --pf-v5-c-icon--m-xl--content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15386
15360
  position: relative;
15387
15361
  display: inline-flex;
15388
15362
  align-items: center;
@@ -15394,7 +15368,7 @@ textarea.pf-v5-c-form-control {
15394
15368
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-inline--Width);
15395
15369
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-inline--Height);
15396
15370
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-inline__content--FontSize);
15397
- --pf-v5-c-icon__content--Color: currentcolor;
15371
+ --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon--m-inline__content--Color);
15398
15372
  line-height: 1;
15399
15373
  }
15400
15374
  .pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner {
@@ -15403,22 +15377,22 @@ textarea.pf-v5-c-form-control {
15403
15377
  .pf-v5-c-icon.pf-m-sm {
15404
15378
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-sm--Width);
15405
15379
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-sm--Height);
15406
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15380
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15407
15381
  }
15408
15382
  .pf-v5-c-icon.pf-m-md {
15409
15383
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-md--Width);
15410
15384
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-md--Height);
15411
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15385
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15412
15386
  }
15413
15387
  .pf-v5-c-icon.pf-m-lg {
15414
15388
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-lg--Width);
15415
15389
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-lg--Height);
15416
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15390
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15417
15391
  }
15418
15392
  .pf-v5-c-icon.pf-m-xl {
15419
15393
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-xl--Width);
15420
15394
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
15421
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15395
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15422
15396
  }
15423
15397
  .pf-v5-c-icon.pf-m-in-progress {
15424
15398
  --pf-v5-c-icon__content--Opacity: 0;
@@ -15435,23 +15409,23 @@ textarea.pf-v5-c-form-control {
15435
15409
  }
15436
15410
  .pf-v5-c-icon__content.pf-m-sm,
15437
15411
  .pf-v5-c-icon__progress.pf-m-sm {
15438
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15412
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15439
15413
  }
15440
15414
  .pf-v5-c-icon__content.pf-m-md,
15441
15415
  .pf-v5-c-icon__progress.pf-m-md {
15442
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15416
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15443
15417
  }
15444
15418
  .pf-v5-c-icon__content.pf-m-lg,
15445
15419
  .pf-v5-c-icon__progress.pf-m-lg {
15446
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15420
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15447
15421
  }
15448
15422
  .pf-v5-c-icon__content.pf-m-xl,
15449
15423
  .pf-v5-c-icon__progress.pf-m-xl {
15450
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15424
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15451
15425
  }
15452
15426
 
15453
15427
  .pf-v5-c-icon__content {
15454
- color: var(--pf-v5-c-icon__content--Color);
15428
+ color: var(--pf-v5-c-icon__content--Color, inherit);
15455
15429
  opacity: var(--pf-v5-c-icon__content--Opacity, 1);
15456
15430
  }
15457
15431
  .pf-v5-c-icon__content.pf-m-danger {
@@ -17374,8 +17348,8 @@ ul.pf-v5-c-list {
17374
17348
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
17375
17349
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
17376
17350
  }
17377
- .pf-v5-c-masthead.pf-m-inset-base {
17378
- --pf-v5-c-masthead--inset: ;
17351
+ .pf-v5-c-masthead.pf-m-inset-none {
17352
+ --pf-v5-c-masthead--inset: 0;
17379
17353
  }
17380
17354
  .pf-v5-c-masthead.pf-m-inset-sm {
17381
17355
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17433,8 +17407,8 @@ ul.pf-v5-c-list {
17433
17407
  }
17434
17408
  }
17435
17409
  @media (min-width: 576px) {
17436
- .pf-v5-c-masthead.pf-m-inset-base-on-sm {
17437
- --pf-v5-c-masthead--inset: ;
17410
+ .pf-v5-c-masthead.pf-m-inset-none-on-sm {
17411
+ --pf-v5-c-masthead--inset: 0;
17438
17412
  }
17439
17413
  .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
17440
17414
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17493,8 +17467,8 @@ ul.pf-v5-c-list {
17493
17467
  }
17494
17468
  }
17495
17469
  @media (min-width: 768px) {
17496
- .pf-v5-c-masthead.pf-m-inset-base-on-md {
17497
- --pf-v5-c-masthead--inset: ;
17470
+ .pf-v5-c-masthead.pf-m-inset-none-on-md {
17471
+ --pf-v5-c-masthead--inset: 0;
17498
17472
  }
17499
17473
  .pf-v5-c-masthead.pf-m-inset-sm-on-md {
17500
17474
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17553,8 +17527,8 @@ ul.pf-v5-c-list {
17553
17527
  }
17554
17528
  }
17555
17529
  @media (min-width: 992px) {
17556
- .pf-v5-c-masthead.pf-m-inset-base-on-lg {
17557
- --pf-v5-c-masthead--inset: ;
17530
+ .pf-v5-c-masthead.pf-m-inset-none-on-lg {
17531
+ --pf-v5-c-masthead--inset: 0;
17558
17532
  }
17559
17533
  .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
17560
17534
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17613,8 +17587,8 @@ ul.pf-v5-c-list {
17613
17587
  }
17614
17588
  }
17615
17589
  @media (min-width: 1200px) {
17616
- .pf-v5-c-masthead.pf-m-inset-base-on-xl {
17617
- --pf-v5-c-masthead--inset: ;
17590
+ .pf-v5-c-masthead.pf-m-inset-none-on-xl {
17591
+ --pf-v5-c-masthead--inset: 0;
17618
17592
  }
17619
17593
  .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
17620
17594
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17673,8 +17647,8 @@ ul.pf-v5-c-list {
17673
17647
  }
17674
17648
  }
17675
17649
  @media (min-width: 1450px) {
17676
- .pf-v5-c-masthead.pf-m-inset-base-on-2xl {
17677
- --pf-v5-c-masthead--inset: ;
17650
+ .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
17651
+ --pf-v5-c-masthead--inset: 0;
17678
17652
  }
17679
17653
  .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
17680
17654
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -21997,8 +21971,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21997
21971
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21998
21972
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21999
21973
  }
22000
- .pf-v5-c-pagination.pf-m-inset-base {
22001
- --pf-v5-c-pagination--inset: ;
21974
+ .pf-v5-c-pagination.pf-m-inset-none {
21975
+ --pf-v5-c-pagination--inset: 0;
22002
21976
  }
22003
21977
  .pf-v5-c-pagination.pf-m-inset-sm {
22004
21978
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22026,8 +22000,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22026
22000
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22027
22001
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22028
22002
  }
22029
- .pf-v5-c-pagination.pf-m-inset-base-on-sm {
22030
- --pf-v5-c-pagination--inset: ;
22003
+ .pf-v5-c-pagination.pf-m-inset-none-on-sm {
22004
+ --pf-v5-c-pagination--inset: 0;
22031
22005
  }
22032
22006
  .pf-v5-c-pagination.pf-m-inset-sm-on-sm {
22033
22007
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22056,8 +22030,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22056
22030
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22057
22031
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22058
22032
  }
22059
- .pf-v5-c-pagination.pf-m-inset-base-on-md {
22060
- --pf-v5-c-pagination--inset: ;
22033
+ .pf-v5-c-pagination.pf-m-inset-none-on-md {
22034
+ --pf-v5-c-pagination--inset: 0;
22061
22035
  }
22062
22036
  .pf-v5-c-pagination.pf-m-inset-sm-on-md {
22063
22037
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22086,8 +22060,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22086
22060
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22087
22061
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22088
22062
  }
22089
- .pf-v5-c-pagination.pf-m-inset-base-on-lg {
22090
- --pf-v5-c-pagination--inset: ;
22063
+ .pf-v5-c-pagination.pf-m-inset-none-on-lg {
22064
+ --pf-v5-c-pagination--inset: 0;
22091
22065
  }
22092
22066
  .pf-v5-c-pagination.pf-m-inset-sm-on-lg {
22093
22067
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22116,8 +22090,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22116
22090
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22117
22091
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22118
22092
  }
22119
- .pf-v5-c-pagination.pf-m-inset-base-on-xl {
22120
- --pf-v5-c-pagination--inset: ;
22093
+ .pf-v5-c-pagination.pf-m-inset-none-on-xl {
22094
+ --pf-v5-c-pagination--inset: 0;
22121
22095
  }
22122
22096
  .pf-v5-c-pagination.pf-m-inset-sm-on-xl {
22123
22097
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22146,8 +22120,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22146
22120
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22147
22121
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22148
22122
  }
22149
- .pf-v5-c-pagination.pf-m-inset-base-on-2xl {
22150
- --pf-v5-c-pagination--inset: ;
22123
+ .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
22124
+ --pf-v5-c-pagination--inset: 0;
22151
22125
  }
22152
22126
  .pf-v5-c-pagination.pf-m-inset-sm-on-2xl {
22153
22127
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -29182,10 +29156,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29182
29156
  outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
29183
29157
  }
29184
29158
 
29185
- .pf-v5-c-tabs.pf-m-inset-base {
29186
- --pf-v5-c-tabs--inset: ;
29187
- --pf-v5-c-tabs--m-vertical--inset: ;
29188
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29159
+ .pf-v5-c-tabs.pf-m-inset-none {
29160
+ --pf-v5-c-tabs--inset: 0;
29161
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29162
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29189
29163
  }
29190
29164
  .pf-v5-c-tabs.pf-m-inset-sm {
29191
29165
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29213,10 +29187,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29213
29187
  --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
29214
29188
  }
29215
29189
  @media (min-width: 576px) {
29216
- .pf-v5-c-tabs.pf-m-inset-base-on-sm {
29217
- --pf-v5-c-tabs--inset: ;
29218
- --pf-v5-c-tabs--m-vertical--inset: ;
29219
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29190
+ .pf-v5-c-tabs.pf-m-inset-none-on-sm {
29191
+ --pf-v5-c-tabs--inset: 0;
29192
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29193
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29220
29194
  }
29221
29195
  .pf-v5-c-tabs.pf-m-inset-sm-on-sm {
29222
29196
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29245,10 +29219,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29245
29219
  }
29246
29220
  }
29247
29221
  @media (min-width: 768px) {
29248
- .pf-v5-c-tabs.pf-m-inset-base-on-md {
29249
- --pf-v5-c-tabs--inset: ;
29250
- --pf-v5-c-tabs--m-vertical--inset: ;
29251
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29222
+ .pf-v5-c-tabs.pf-m-inset-none-on-md {
29223
+ --pf-v5-c-tabs--inset: 0;
29224
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29225
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29252
29226
  }
29253
29227
  .pf-v5-c-tabs.pf-m-inset-sm-on-md {
29254
29228
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29277,10 +29251,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29277
29251
  }
29278
29252
  }
29279
29253
  @media (min-width: 992px) {
29280
- .pf-v5-c-tabs.pf-m-inset-base-on-lg {
29281
- --pf-v5-c-tabs--inset: ;
29282
- --pf-v5-c-tabs--m-vertical--inset: ;
29283
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29254
+ .pf-v5-c-tabs.pf-m-inset-none-on-lg {
29255
+ --pf-v5-c-tabs--inset: 0;
29256
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29257
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29284
29258
  }
29285
29259
  .pf-v5-c-tabs.pf-m-inset-sm-on-lg {
29286
29260
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29309,10 +29283,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29309
29283
  }
29310
29284
  }
29311
29285
  @media (min-width: 1200px) {
29312
- .pf-v5-c-tabs.pf-m-inset-base-on-xl {
29313
- --pf-v5-c-tabs--inset: ;
29314
- --pf-v5-c-tabs--m-vertical--inset: ;
29315
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29286
+ .pf-v5-c-tabs.pf-m-inset-none-on-xl {
29287
+ --pf-v5-c-tabs--inset: 0;
29288
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29289
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29316
29290
  }
29317
29291
  .pf-v5-c-tabs.pf-m-inset-sm-on-xl {
29318
29292
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29341,10 +29315,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29341
29315
  }
29342
29316
  }
29343
29317
  @media (min-width: 1450px) {
29344
- .pf-v5-c-tabs.pf-m-inset-base-on-2xl {
29345
- --pf-v5-c-tabs--inset: ;
29346
- --pf-v5-c-tabs--m-vertical--inset: ;
29347
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29318
+ .pf-v5-c-tabs.pf-m-inset-none-on-2xl {
29319
+ --pf-v5-c-tabs--inset: 0;
29320
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29321
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29348
29322
  }
29349
29323
  .pf-v5-c-tabs.pf-m-inset-sm-on-2xl {
29350
29324
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -32691,18 +32665,14 @@ label.pf-v5-c-tree-view__node-text {
32691
32665
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32692
32666
  }
32693
32667
  }
32694
- .pf-v5-l-flex.pf-m-gap {
32695
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32696
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32668
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32669
+ --pf-v5-l-flex--RowGap: ;
32670
+ --pf-v5-l-flex--ColumnGap: ;
32697
32671
  }
32698
32672
  .pf-v5-l-flex.pf-m-gap-none {
32699
32673
  --pf-v5-l-flex--RowGap: 0;
32700
32674
  --pf-v5-l-flex--ColumnGap: 0;
32701
32675
  }
32702
- .pf-v5-l-flex.pf-m-gap-xs {
32703
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32704
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32705
- }
32706
32676
  .pf-v5-l-flex.pf-m-gap-sm {
32707
32677
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32708
32678
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32731,23 +32701,19 @@ label.pf-v5-c-tree-view__node-text {
32731
32701
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32732
32702
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32733
32703
  }
32734
- .pf-v5-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32704
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32735
32705
  --pf-v5-l-flex--spacer--row: 0;
32736
32706
  --pf-v5-l-flex--spacer--column: 0;
32737
32707
  }
32738
32708
  @media (min-width: 576px) {
32739
- .pf-v5-l-flex.pf-m-gap-on-sm {
32740
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32741
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32709
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32710
+ --pf-v5-l-flex--RowGap: ;
32711
+ --pf-v5-l-flex--ColumnGap: ;
32742
32712
  }
32743
32713
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32744
32714
  --pf-v5-l-flex--RowGap: 0;
32745
32715
  --pf-v5-l-flex--ColumnGap: 0;
32746
32716
  }
32747
- .pf-v5-l-flex.pf-m-gap-xs-on-sm {
32748
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32749
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32750
- }
32751
32717
  .pf-v5-l-flex.pf-m-gap-sm-on-sm {
32752
32718
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32753
32719
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32776,24 +32742,20 @@ label.pf-v5-c-tree-view__node-text {
32776
32742
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32777
32743
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32778
32744
  }
32779
- .pf-v5-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32745
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32780
32746
  --pf-v5-l-flex--spacer--row: 0;
32781
32747
  --pf-v5-l-flex--spacer--column: 0;
32782
32748
  }
32783
32749
  }
32784
32750
  @media (min-width: 768px) {
32785
- .pf-v5-l-flex.pf-m-gap-on-md {
32786
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32787
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32751
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32752
+ --pf-v5-l-flex--RowGap: ;
32753
+ --pf-v5-l-flex--ColumnGap: ;
32788
32754
  }
32789
32755
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32790
32756
  --pf-v5-l-flex--RowGap: 0;
32791
32757
  --pf-v5-l-flex--ColumnGap: 0;
32792
32758
  }
32793
- .pf-v5-l-flex.pf-m-gap-xs-on-md {
32794
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32795
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32796
- }
32797
32759
  .pf-v5-l-flex.pf-m-gap-sm-on-md {
32798
32760
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32799
32761
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32822,24 +32784,20 @@ label.pf-v5-c-tree-view__node-text {
32822
32784
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32823
32785
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32824
32786
  }
32825
- .pf-v5-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32787
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32826
32788
  --pf-v5-l-flex--spacer--row: 0;
32827
32789
  --pf-v5-l-flex--spacer--column: 0;
32828
32790
  }
32829
32791
  }
32830
32792
  @media (min-width: 992px) {
32831
- .pf-v5-l-flex.pf-m-gap-on-lg {
32832
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32833
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32793
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32794
+ --pf-v5-l-flex--RowGap: ;
32795
+ --pf-v5-l-flex--ColumnGap: ;
32834
32796
  }
32835
32797
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32836
32798
  --pf-v5-l-flex--RowGap: 0;
32837
32799
  --pf-v5-l-flex--ColumnGap: 0;
32838
32800
  }
32839
- .pf-v5-l-flex.pf-m-gap-xs-on-lg {
32840
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32841
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32842
- }
32843
32801
  .pf-v5-l-flex.pf-m-gap-sm-on-lg {
32844
32802
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32845
32803
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32868,24 +32826,20 @@ label.pf-v5-c-tree-view__node-text {
32868
32826
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32869
32827
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32870
32828
  }
32871
- .pf-v5-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32829
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32872
32830
  --pf-v5-l-flex--spacer--row: 0;
32873
32831
  --pf-v5-l-flex--spacer--column: 0;
32874
32832
  }
32875
32833
  }
32876
32834
  @media (min-width: 1200px) {
32877
- .pf-v5-l-flex.pf-m-gap-on-xl {
32878
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32879
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32835
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32836
+ --pf-v5-l-flex--RowGap: ;
32837
+ --pf-v5-l-flex--ColumnGap: ;
32880
32838
  }
32881
32839
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32882
32840
  --pf-v5-l-flex--RowGap: 0;
32883
32841
  --pf-v5-l-flex--ColumnGap: 0;
32884
32842
  }
32885
- .pf-v5-l-flex.pf-m-gap-xs-on-xl {
32886
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32887
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32888
- }
32889
32843
  .pf-v5-l-flex.pf-m-gap-sm-on-xl {
32890
32844
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32891
32845
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32914,24 +32868,20 @@ label.pf-v5-c-tree-view__node-text {
32914
32868
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32915
32869
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32916
32870
  }
32917
- .pf-v5-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32871
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32918
32872
  --pf-v5-l-flex--spacer--row: 0;
32919
32873
  --pf-v5-l-flex--spacer--column: 0;
32920
32874
  }
32921
32875
  }
32922
32876
  @media (min-width: 1450px) {
32923
- .pf-v5-l-flex.pf-m-gap-on-2xl {
32924
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32925
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32877
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32878
+ --pf-v5-l-flex--RowGap: ;
32879
+ --pf-v5-l-flex--ColumnGap: ;
32926
32880
  }
32927
32881
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32928
32882
  --pf-v5-l-flex--RowGap: 0;
32929
32883
  --pf-v5-l-flex--ColumnGap: 0;
32930
32884
  }
32931
- .pf-v5-l-flex.pf-m-gap-xs-on-2xl {
32932
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32933
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32934
- }
32935
32885
  .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
32936
32886
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32937
32887
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32960,20 +32910,17 @@ label.pf-v5-c-tree-view__node-text {
32960
32910
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32961
32911
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32962
32912
  }
32963
- .pf-v5-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32913
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32964
32914
  --pf-v5-l-flex--spacer--row: 0;
32965
32915
  --pf-v5-l-flex--spacer--column: 0;
32966
32916
  }
32967
32917
  }
32968
- .pf-v5-l-flex.pf-m-row-gap {
32969
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32918
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32919
+ --pf-v5-l-flex--RowGap: ;
32970
32920
  }
32971
32921
  .pf-v5-l-flex.pf-m-row-gap-none {
32972
32922
  --pf-v5-l-flex--RowGap: 0;
32973
32923
  }
32974
- .pf-v5-l-flex.pf-m-row-gap-xs {
32975
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32976
- }
32977
32924
  .pf-v5-l-flex.pf-m-row-gap-sm {
32978
32925
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32979
32926
  }
@@ -32995,19 +32942,16 @@ label.pf-v5-c-tree-view__node-text {
32995
32942
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32996
32943
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32997
32944
  }
32998
- .pf-v5-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32945
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32999
32946
  --pf-v5-l-flex--spacer--row: 0;
33000
32947
  }
33001
32948
  @media (min-width: 576px) {
33002
- .pf-v5-l-flex.pf-m-row-gap-on-sm {
33003
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32949
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32950
+ --pf-v5-l-flex--RowGap: ;
33004
32951
  }
33005
32952
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
33006
32953
  --pf-v5-l-flex--RowGap: 0;
33007
32954
  }
33008
- .pf-v5-l-flex.pf-m-row-gap-xs-on-sm {
33009
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33010
- }
33011
32955
  .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
33012
32956
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33013
32957
  }
@@ -33029,20 +32973,17 @@ label.pf-v5-c-tree-view__node-text {
33029
32973
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
33030
32974
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33031
32975
  }
33032
- .pf-v5-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
32976
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
33033
32977
  --pf-v5-l-flex--spacer--row: 0;
33034
32978
  }
33035
32979
  }
33036
32980
  @media (min-width: 768px) {
33037
- .pf-v5-l-flex.pf-m-row-gap-on-md {
33038
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32981
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32982
+ --pf-v5-l-flex--RowGap: ;
33039
32983
  }
33040
32984
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
33041
32985
  --pf-v5-l-flex--RowGap: 0;
33042
32986
  }
33043
- .pf-v5-l-flex.pf-m-row-gap-xs-on-md {
33044
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33045
- }
33046
32987
  .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
33047
32988
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33048
32989
  }
@@ -33064,20 +33005,17 @@ label.pf-v5-c-tree-view__node-text {
33064
33005
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
33065
33006
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33066
33007
  }
33067
- .pf-v5-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
33008
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
33068
33009
  --pf-v5-l-flex--spacer--row: 0;
33069
33010
  }
33070
33011
  }
33071
33012
  @media (min-width: 992px) {
33072
- .pf-v5-l-flex.pf-m-row-gap-on-lg {
33073
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33013
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
33014
+ --pf-v5-l-flex--RowGap: ;
33074
33015
  }
33075
33016
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
33076
33017
  --pf-v5-l-flex--RowGap: 0;
33077
33018
  }
33078
- .pf-v5-l-flex.pf-m-row-gap-xs-on-lg {
33079
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33080
- }
33081
33019
  .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
33082
33020
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33083
33021
  }
@@ -33099,20 +33037,17 @@ label.pf-v5-c-tree-view__node-text {
33099
33037
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
33100
33038
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33101
33039
  }
33102
- .pf-v5-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
33040
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
33103
33041
  --pf-v5-l-flex--spacer--row: 0;
33104
33042
  }
33105
33043
  }
33106
33044
  @media (min-width: 1200px) {
33107
- .pf-v5-l-flex.pf-m-row-gap-on-xl {
33108
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33045
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
33046
+ --pf-v5-l-flex--RowGap: ;
33109
33047
  }
33110
33048
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
33111
33049
  --pf-v5-l-flex--RowGap: 0;
33112
33050
  }
33113
- .pf-v5-l-flex.pf-m-row-gap-xs-on-xl {
33114
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33115
- }
33116
33051
  .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
33117
33052
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33118
33053
  }
@@ -33134,20 +33069,17 @@ label.pf-v5-c-tree-view__node-text {
33134
33069
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
33135
33070
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33136
33071
  }
33137
- .pf-v5-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
33072
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
33138
33073
  --pf-v5-l-flex--spacer--row: 0;
33139
33074
  }
33140
33075
  }
33141
33076
  @media (min-width: 1450px) {
33142
- .pf-v5-l-flex.pf-m-row-gap-on-2xl {
33143
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33077
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
33078
+ --pf-v5-l-flex--RowGap: ;
33144
33079
  }
33145
33080
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33146
33081
  --pf-v5-l-flex--RowGap: 0;
33147
33082
  }
33148
- .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl {
33149
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33150
- }
33151
33083
  .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
33152
33084
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33153
33085
  }
@@ -33169,19 +33101,16 @@ label.pf-v5-c-tree-view__node-text {
33169
33101
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33170
33102
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33171
33103
  }
33172
- .pf-v5-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
33104
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
33173
33105
  --pf-v5-l-flex--spacer--row: 0;
33174
33106
  }
33175
33107
  }
33176
- .pf-v5-l-flex.pf-m-column-gap {
33177
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33108
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
33109
+ --pf-v5-l-flex--ColumnGap: ;
33178
33110
  }
33179
33111
  .pf-v5-l-flex.pf-m-column-gap-none {
33180
33112
  --pf-v5-l-flex--ColumnGap: 0;
33181
33113
  }
33182
- .pf-v5-l-flex.pf-m-column-gap-xs {
33183
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33184
- }
33185
33114
  .pf-v5-l-flex.pf-m-column-gap-sm {
33186
33115
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33187
33116
  }
@@ -33203,19 +33132,16 @@ label.pf-v5-c-tree-view__node-text {
33203
33132
  .pf-v5-l-flex.pf-m-column-gap-4xl {
33204
33133
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33205
33134
  }
33206
- .pf-v5-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
33135
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
33207
33136
  --pf-v5-l-flex--spacer--column: 0;
33208
33137
  }
33209
33138
  @media (min-width: 576px) {
33210
- .pf-v5-l-flex.pf-m-column-gap-on-sm {
33211
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33139
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
33140
+ --pf-v5-l-flex--ColumnGap: ;
33212
33141
  }
33213
33142
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33214
33143
  --pf-v5-l-flex--ColumnGap: 0;
33215
33144
  }
33216
- .pf-v5-l-flex.pf-m-column-gap-xs-on-sm {
33217
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33218
- }
33219
33145
  .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
33220
33146
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33221
33147
  }
@@ -33237,20 +33163,17 @@ label.pf-v5-c-tree-view__node-text {
33237
33163
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33238
33164
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33239
33165
  }
33240
- .pf-v5-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
33166
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
33241
33167
  --pf-v5-l-flex--spacer--column: 0;
33242
33168
  }
33243
33169
  }
33244
33170
  @media (min-width: 768px) {
33245
- .pf-v5-l-flex.pf-m-column-gap-on-md {
33246
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33171
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
33172
+ --pf-v5-l-flex--ColumnGap: ;
33247
33173
  }
33248
33174
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33249
33175
  --pf-v5-l-flex--ColumnGap: 0;
33250
33176
  }
33251
- .pf-v5-l-flex.pf-m-column-gap-xs-on-md {
33252
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33253
- }
33254
33177
  .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
33255
33178
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33256
33179
  }
@@ -33272,20 +33195,17 @@ label.pf-v5-c-tree-view__node-text {
33272
33195
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33273
33196
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33274
33197
  }
33275
- .pf-v5-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33198
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33276
33199
  --pf-v5-l-flex--spacer--column: 0;
33277
33200
  }
33278
33201
  }
33279
33202
  @media (min-width: 992px) {
33280
- .pf-v5-l-flex.pf-m-column-gap-on-lg {
33281
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33203
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33204
+ --pf-v5-l-flex--ColumnGap: ;
33282
33205
  }
33283
33206
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33284
33207
  --pf-v5-l-flex--ColumnGap: 0;
33285
33208
  }
33286
- .pf-v5-l-flex.pf-m-column-gap-xs-on-lg {
33287
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33288
- }
33289
33209
  .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
33290
33210
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33291
33211
  }
@@ -33307,20 +33227,17 @@ label.pf-v5-c-tree-view__node-text {
33307
33227
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33308
33228
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33309
33229
  }
33310
- .pf-v5-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33230
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33311
33231
  --pf-v5-l-flex--spacer--column: 0;
33312
33232
  }
33313
33233
  }
33314
33234
  @media (min-width: 1200px) {
33315
- .pf-v5-l-flex.pf-m-column-gap-on-xl {
33316
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33235
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33236
+ --pf-v5-l-flex--ColumnGap: ;
33317
33237
  }
33318
33238
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33319
33239
  --pf-v5-l-flex--ColumnGap: 0;
33320
33240
  }
33321
- .pf-v5-l-flex.pf-m-column-gap-xs-on-xl {
33322
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33323
- }
33324
33241
  .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
33325
33242
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33326
33243
  }
@@ -33342,20 +33259,17 @@ label.pf-v5-c-tree-view__node-text {
33342
33259
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33343
33260
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33344
33261
  }
33345
- .pf-v5-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33262
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33346
33263
  --pf-v5-l-flex--spacer--column: 0;
33347
33264
  }
33348
33265
  }
33349
33266
  @media (min-width: 1450px) {
33350
- .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33351
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33267
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33268
+ --pf-v5-l-flex--ColumnGap: ;
33352
33269
  }
33353
33270
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33354
33271
  --pf-v5-l-flex--ColumnGap: 0;
33355
33272
  }
33356
- .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
33357
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33358
- }
33359
33273
  .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
33360
33274
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33361
33275
  }
@@ -33377,7 +33291,7 @@ label.pf-v5-c-tree-view__node-text {
33377
33291
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33378
33292
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33379
33293
  }
33380
- .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33294
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33381
33295
  --pf-v5-l-flex--spacer--column: 0;
33382
33296
  }
33383
33297
  }