@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-no-globals.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;
@@ -5324,7 +5324,6 @@
5324
5324
 
5325
5325
  .pf-v5-c-about-modal-box {
5326
5326
  --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5327
- --pf-v5-c-about-modal-box--BackgroundImage: url("./assets/images/pfbg-icon.svg");
5328
5327
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5329
5328
  --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
5330
5329
  --pf-v5-c-about-modal-box--BackgroundSize--width: 60%;
@@ -5355,9 +5354,6 @@
5355
5354
  --pf-v5-c-about-modal-box__close--c-button--Height: calc(var(--pf-v5-c-about-modal-box__close--c-button--FontSize) * 2);
5356
5355
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5357
5356
  --pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, 0.4);
5358
- --pf-v5-c-about-modal-box__hero--sm--BackgroundImage: url("./assets/images/pfbg_992@2x.jpg");
5359
- --pf-v5-c-about-modal-box__hero--sm--BackgroundPosition: top left;
5360
- --pf-v5-c-about-modal-box__hero--sm--BackgroundSize: cover;
5361
5357
  --pf-v5-c-about-modal-box__brand-image--Height: 2.5rem;
5362
5358
  --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--xl);
5363
5359
  --pf-v5-c-about-modal-box__header--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -5385,7 +5381,7 @@
5385
5381
  overflow-x: hidden;
5386
5382
  overflow-y: auto;
5387
5383
  background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
5388
- background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
5384
+ background-image: var(--pf-v5-c-about-modal-box--BackgroundImage, none);
5389
5385
  background-repeat: no-repeat;
5390
5386
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5391
5387
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
@@ -5522,21 +5518,6 @@
5522
5518
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5523
5519
  }
5524
5520
 
5525
- .pf-v5-c-about-modal-box__hero {
5526
- display: none;
5527
- }
5528
- @media only screen and (min-width: 576px) {
5529
- .pf-v5-c-about-modal-box__hero {
5530
- display: block;
5531
- grid-area: hero;
5532
- background-image: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundImage);
5533
- background-repeat: no-repeat;
5534
- background-attachment: fixed;
5535
- background-position: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundPosition);
5536
- background-size: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundSize);
5537
- }
5538
- }
5539
-
5540
5521
  :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,
5541
5522
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5542
5523
  :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,
@@ -6611,7 +6592,6 @@
6611
6592
 
6612
6593
  .pf-v5-c-background-image {
6613
6594
  --pf-v5-c-background-image--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
6614
- --pf-v5-c-background-image--BackgroundImage: url("./assets/images/pfbg-icon.svg");
6615
6595
  --pf-v5-c-background-image--BackgroundPosition: bottom right;
6616
6596
  --pf-v5-c-background-image--BackgroundSize--min-width: 200px;
6617
6597
  --pf-v5-c-background-image--BackgroundSize--width: 60%;
@@ -6624,7 +6604,7 @@
6624
6604
  width: 100%;
6625
6605
  height: 100%;
6626
6606
  background-color: var(--pf-v5-c-background-image--BackgroundColor);
6627
- background-image: var(--pf-v5-c-background-image--BackgroundImage);
6607
+ background-image: var(--pf-v5-c-background-image--BackgroundImage, none);
6628
6608
  background-repeat: no-repeat;
6629
6609
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
6630
6610
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
@@ -11491,10 +11471,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11491
11471
  flex-wrap: wrap;
11492
11472
  }
11493
11473
  }
11494
- .pf-v5-c-toolbar .pf-m-space-items-base > * {
11495
- --pf-v5-c-toolbar--spacer: ;
11474
+ .pf-v5-c-toolbar .pf-m-space-items-none > * {
11475
+ --pf-v5-c-toolbar--spacer: 0;
11496
11476
  }
11497
- .pf-v5-c-toolbar .pf-m-space-items-base > :last-child {
11477
+ .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
11498
11478
  --pf-v5-c-toolbar--spacer: 0;
11499
11479
  }
11500
11480
  .pf-v5-c-toolbar .pf-m-space-items-sm > * {
@@ -11516,10 +11496,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11516
11496
  --pf-v5-c-toolbar--spacer: 0;
11517
11497
  }
11518
11498
  @media (min-width: 576px) {
11519
- .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > * {
11520
- --pf-v5-c-toolbar--spacer: ;
11499
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
11500
+ --pf-v5-c-toolbar--spacer: 0;
11521
11501
  }
11522
- .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > :last-child {
11502
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
11523
11503
  --pf-v5-c-toolbar--spacer: 0;
11524
11504
  }
11525
11505
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
@@ -11542,10 +11522,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11542
11522
  }
11543
11523
  }
11544
11524
  @media (min-width: 768px) {
11545
- .pf-v5-c-toolbar .pf-m-space-items-base-on-md > * {
11546
- --pf-v5-c-toolbar--spacer: ;
11525
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
11526
+ --pf-v5-c-toolbar--spacer: 0;
11547
11527
  }
11548
- .pf-v5-c-toolbar .pf-m-space-items-base-on-md > :last-child {
11528
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
11549
11529
  --pf-v5-c-toolbar--spacer: 0;
11550
11530
  }
11551
11531
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
@@ -11568,10 +11548,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11568
11548
  }
11569
11549
  }
11570
11550
  @media (min-width: 992px) {
11571
- .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > * {
11572
- --pf-v5-c-toolbar--spacer: ;
11551
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
11552
+ --pf-v5-c-toolbar--spacer: 0;
11573
11553
  }
11574
- .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > :last-child {
11554
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
11575
11555
  --pf-v5-c-toolbar--spacer: 0;
11576
11556
  }
11577
11557
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
@@ -11594,10 +11574,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11594
11574
  }
11595
11575
  }
11596
11576
  @media (min-width: 1200px) {
11597
- .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > * {
11598
- --pf-v5-c-toolbar--spacer: ;
11577
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
11578
+ --pf-v5-c-toolbar--spacer: 0;
11599
11579
  }
11600
- .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > :last-child {
11580
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
11601
11581
  --pf-v5-c-toolbar--spacer: 0;
11602
11582
  }
11603
11583
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
@@ -11620,10 +11600,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11620
11600
  }
11621
11601
  }
11622
11602
  @media (min-width: 1450px) {
11623
- .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > * {
11624
- --pf-v5-c-toolbar--spacer: ;
11603
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
11604
+ --pf-v5-c-toolbar--spacer: 0;
11625
11605
  }
11626
- .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > :last-child {
11606
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
11627
11607
  --pf-v5-c-toolbar--spacer: 0;
11628
11608
  }
11629
11609
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
@@ -11645,11 +11625,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11645
11625
  --pf-v5-c-toolbar--spacer: 0;
11646
11626
  }
11647
11627
  }
11648
- .pf-v5-c-toolbar .pf-m-spacer-base {
11649
- --pf-v5-c-toolbar--spacer: ;
11628
+ .pf-v5-c-toolbar .pf-m-spacer-none {
11629
+ --pf-v5-c-toolbar--spacer: 0;
11650
11630
  }
11651
- .pf-v5-c-toolbar .pf-m-spacer-base:last-child {
11652
- --pf-v5-c-toolbar--spacer: ;
11631
+ .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
11632
+ --pf-v5-c-toolbar--spacer: 0;
11653
11633
  }
11654
11634
  .pf-v5-c-toolbar .pf-m-spacer-sm {
11655
11635
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11670,11 +11650,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11670
11650
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11671
11651
  }
11672
11652
  @media (min-width: 576px) {
11673
- .pf-v5-c-toolbar .pf-m-spacer-base-on-sm {
11674
- --pf-v5-c-toolbar--spacer: ;
11653
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
11654
+ --pf-v5-c-toolbar--spacer: 0;
11675
11655
  }
11676
- .pf-v5-c-toolbar .pf-m-spacer-base-on-sm:last-child {
11677
- --pf-v5-c-toolbar--spacer: ;
11656
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
11657
+ --pf-v5-c-toolbar--spacer: 0;
11678
11658
  }
11679
11659
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
11680
11660
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11696,11 +11676,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11696
11676
  }
11697
11677
  }
11698
11678
  @media (min-width: 768px) {
11699
- .pf-v5-c-toolbar .pf-m-spacer-base-on-md {
11700
- --pf-v5-c-toolbar--spacer: ;
11679
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
11680
+ --pf-v5-c-toolbar--spacer: 0;
11701
11681
  }
11702
- .pf-v5-c-toolbar .pf-m-spacer-base-on-md:last-child {
11703
- --pf-v5-c-toolbar--spacer: ;
11682
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
11683
+ --pf-v5-c-toolbar--spacer: 0;
11704
11684
  }
11705
11685
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
11706
11686
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11722,11 +11702,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11722
11702
  }
11723
11703
  }
11724
11704
  @media (min-width: 992px) {
11725
- .pf-v5-c-toolbar .pf-m-spacer-base-on-lg {
11726
- --pf-v5-c-toolbar--spacer: ;
11705
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
11706
+ --pf-v5-c-toolbar--spacer: 0;
11727
11707
  }
11728
- .pf-v5-c-toolbar .pf-m-spacer-base-on-lg:last-child {
11729
- --pf-v5-c-toolbar--spacer: ;
11708
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
11709
+ --pf-v5-c-toolbar--spacer: 0;
11730
11710
  }
11731
11711
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
11732
11712
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11748,11 +11728,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11748
11728
  }
11749
11729
  }
11750
11730
  @media (min-width: 1200px) {
11751
- .pf-v5-c-toolbar .pf-m-spacer-base-on-xl {
11752
- --pf-v5-c-toolbar--spacer: ;
11731
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
11732
+ --pf-v5-c-toolbar--spacer: 0;
11753
11733
  }
11754
- .pf-v5-c-toolbar .pf-m-spacer-base-on-xl:last-child {
11755
- --pf-v5-c-toolbar--spacer: ;
11734
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
11735
+ --pf-v5-c-toolbar--spacer: 0;
11756
11736
  }
11757
11737
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
11758
11738
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11774,11 +11754,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11774
11754
  }
11775
11755
  }
11776
11756
  @media (min-width: 1450px) {
11777
- .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl {
11778
- --pf-v5-c-toolbar--spacer: ;
11757
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
11758
+ --pf-v5-c-toolbar--spacer: 0;
11779
11759
  }
11780
- .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl:last-child {
11781
- --pf-v5-c-toolbar--spacer: ;
11760
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
11761
+ --pf-v5-c-toolbar--spacer: 0;
11782
11762
  }
11783
11763
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
11784
11764
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11799,8 +11779,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11799
11779
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11800
11780
  }
11801
11781
  }
11802
- .pf-v5-c-toolbar.pf-m-inset-base {
11803
- --pf-v5-c-toolbar--inset: ;
11782
+ .pf-v5-c-toolbar.pf-m-inset-none {
11783
+ --pf-v5-c-toolbar--inset: 0;
11804
11784
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11805
11785
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11806
11786
  }
@@ -11830,8 +11810,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11830
11810
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11831
11811
  }
11832
11812
  @media (min-width: 576px) {
11833
- .pf-v5-c-toolbar.pf-m-inset-base-on-sm {
11834
- --pf-v5-c-toolbar--inset: ;
11813
+ .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
11814
+ --pf-v5-c-toolbar--inset: 0;
11835
11815
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11836
11816
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11837
11817
  }
@@ -11862,8 +11842,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11862
11842
  }
11863
11843
  }
11864
11844
  @media (min-width: 768px) {
11865
- .pf-v5-c-toolbar.pf-m-inset-base-on-md {
11866
- --pf-v5-c-toolbar--inset: ;
11845
+ .pf-v5-c-toolbar.pf-m-inset-none-on-md {
11846
+ --pf-v5-c-toolbar--inset: 0;
11867
11847
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11868
11848
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11869
11849
  }
@@ -11894,8 +11874,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11894
11874
  }
11895
11875
  }
11896
11876
  @media (min-width: 992px) {
11897
- .pf-v5-c-toolbar.pf-m-inset-base-on-lg {
11898
- --pf-v5-c-toolbar--inset: ;
11877
+ .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
11878
+ --pf-v5-c-toolbar--inset: 0;
11899
11879
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11900
11880
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11901
11881
  }
@@ -11926,8 +11906,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11926
11906
  }
11927
11907
  }
11928
11908
  @media (min-width: 1200px) {
11929
- .pf-v5-c-toolbar.pf-m-inset-base-on-xl {
11930
- --pf-v5-c-toolbar--inset: ;
11909
+ .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
11910
+ --pf-v5-c-toolbar--inset: 0;
11931
11911
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11932
11912
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11933
11913
  }
@@ -11958,8 +11938,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11958
11938
  }
11959
11939
  }
11960
11940
  @media (min-width: 1450px) {
11961
- .pf-v5-c-toolbar.pf-m-inset-base-on-2xl {
11962
- --pf-v5-c-toolbar--inset: ;
11941
+ .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
11942
+ --pf-v5-c-toolbar--inset: 0;
11963
11943
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11964
11944
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11965
11945
  }
@@ -12120,8 +12100,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12120
12100
  .pf-v5-c-divider.pf-m-vertical::after {
12121
12101
  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
12122
12102
  }
12123
- .pf-v5-c-divider.pf-m-inset-base {
12124
- --pf-v5-c-divider--after--Inset: ;
12103
+ .pf-v5-c-divider.pf-m-inset-none {
12104
+ --pf-v5-c-divider--after--Inset: 0%;
12125
12105
  }
12126
12106
  .pf-v5-c-divider.pf-m-inset-xs {
12127
12107
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12171,8 +12151,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12171
12151
  }
12172
12152
  }
12173
12153
  @media (min-width: 576px) {
12174
- .pf-v5-c-divider.pf-m-inset-base-on-sm {
12175
- --pf-v5-c-divider--after--Inset: ;
12154
+ .pf-v5-c-divider.pf-m-inset-none-on-sm {
12155
+ --pf-v5-c-divider--after--Inset: 0%;
12176
12156
  }
12177
12157
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
12178
12158
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12223,8 +12203,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12223
12203
  }
12224
12204
  }
12225
12205
  @media (min-width: 768px) {
12226
- .pf-v5-c-divider.pf-m-inset-base-on-md {
12227
- --pf-v5-c-divider--after--Inset: ;
12206
+ .pf-v5-c-divider.pf-m-inset-none-on-md {
12207
+ --pf-v5-c-divider--after--Inset: 0%;
12228
12208
  }
12229
12209
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
12230
12210
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12275,8 +12255,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12275
12255
  }
12276
12256
  }
12277
12257
  @media (min-width: 992px) {
12278
- .pf-v5-c-divider.pf-m-inset-base-on-lg {
12279
- --pf-v5-c-divider--after--Inset: ;
12258
+ .pf-v5-c-divider.pf-m-inset-none-on-lg {
12259
+ --pf-v5-c-divider--after--Inset: 0%;
12280
12260
  }
12281
12261
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
12282
12262
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12327,8 +12307,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12327
12307
  }
12328
12308
  }
12329
12309
  @media (min-width: 1200px) {
12330
- .pf-v5-c-divider.pf-m-inset-base-on-xl {
12331
- --pf-v5-c-divider--after--Inset: ;
12310
+ .pf-v5-c-divider.pf-m-inset-none-on-xl {
12311
+ --pf-v5-c-divider--after--Inset: 0%;
12332
12312
  }
12333
12313
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
12334
12314
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12379,8 +12359,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12379
12359
  }
12380
12360
  }
12381
12361
  @media (min-width: 1450px) {
12382
- .pf-v5-c-divider.pf-m-inset-base-on-2xl {
12383
- --pf-v5-c-divider--after--Inset: ;
12362
+ .pf-v5-c-divider.pf-m-inset-none-on-2xl {
12363
+ --pf-v5-c-divider--after--Inset: 0%;
12384
12364
  }
12385
12365
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
12386
12366
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -14835,13 +14815,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14835
14815
  --pf-v5-c-form-control--textarea--success--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14836
14816
  --pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14837
14817
  --pf-v5-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14838
- --pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
14839
- --pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
14840
- --pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
14841
- --pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
14842
- --pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
14843
- --pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
14844
- --pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
14845
14818
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-v5-c-form-control--FontSize);
14846
14819
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-v5-global--spacer--md) + 7px);
14847
14820
  --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));
@@ -15241,31 +15214,32 @@ textarea.pf-v5-c-form-control {
15241
15214
  }
15242
15215
 
15243
15216
  .pf-v5-c-icon {
15244
- --pf-v5-c-icon--Width: var(--pf-v5-global--icon--FontSize--md);
15245
- --pf-v5-c-icon--Height: var(--pf-v5-global--icon--FontSize--md);
15246
- --pf-v5-c-icon--m-inline--Width: 1em;
15247
- --pf-v5-c-icon--m-inline--Height: 1em;
15217
+ --pf-v5-c-icon--Width: 1em;
15218
+ --pf-v5-c-icon--Height: 1em;
15248
15219
  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
15249
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15250
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15251
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15252
15220
  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
15221
+ --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15253
15222
  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
15223
+ --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15254
15224
  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
15225
+ --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15255
15226
  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
15256
- --pf-v5-c-icon__content--Color: var(--pf-v5-global--icon--Color--dark);
15227
+ --pf-v5-c-icon--m-inline--Width: 1em;
15228
+ --pf-v5-c-icon--m-inline--Height: 1em;
15229
+ --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15230
+ --pf-v5-c-icon__content--Color: initial;
15257
15231
  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
15258
15232
  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
15259
15233
  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
15260
15234
  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
15261
15235
  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
15262
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15236
+ --pf-v5-c-icon--m-inline__content--Color: initial;
15237
+ --pf-v5-c-icon__content--FontSize: 1em;
15238
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15239
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15240
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15241
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15263
15242
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
15264
- --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15265
- --pf-v5-c-icon--m-sm--content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15266
- --pf-v5-c-icon--m-md--content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15267
- --pf-v5-c-icon--m-lg--content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15268
- --pf-v5-c-icon--m-xl--content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15269
15243
  position: relative;
15270
15244
  display: inline-flex;
15271
15245
  align-items: center;
@@ -15277,7 +15251,7 @@ textarea.pf-v5-c-form-control {
15277
15251
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-inline--Width);
15278
15252
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-inline--Height);
15279
15253
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-inline__content--FontSize);
15280
- --pf-v5-c-icon__content--Color: currentcolor;
15254
+ --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon--m-inline__content--Color);
15281
15255
  line-height: 1;
15282
15256
  }
15283
15257
  .pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner {
@@ -15286,22 +15260,22 @@ textarea.pf-v5-c-form-control {
15286
15260
  .pf-v5-c-icon.pf-m-sm {
15287
15261
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-sm--Width);
15288
15262
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-sm--Height);
15289
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15263
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15290
15264
  }
15291
15265
  .pf-v5-c-icon.pf-m-md {
15292
15266
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-md--Width);
15293
15267
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-md--Height);
15294
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15268
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15295
15269
  }
15296
15270
  .pf-v5-c-icon.pf-m-lg {
15297
15271
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-lg--Width);
15298
15272
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-lg--Height);
15299
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15273
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15300
15274
  }
15301
15275
  .pf-v5-c-icon.pf-m-xl {
15302
15276
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-xl--Width);
15303
15277
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
15304
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15278
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15305
15279
  }
15306
15280
  .pf-v5-c-icon.pf-m-in-progress {
15307
15281
  --pf-v5-c-icon__content--Opacity: 0;
@@ -15318,23 +15292,23 @@ textarea.pf-v5-c-form-control {
15318
15292
  }
15319
15293
  .pf-v5-c-icon__content.pf-m-sm,
15320
15294
  .pf-v5-c-icon__progress.pf-m-sm {
15321
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15295
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15322
15296
  }
15323
15297
  .pf-v5-c-icon__content.pf-m-md,
15324
15298
  .pf-v5-c-icon__progress.pf-m-md {
15325
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15299
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15326
15300
  }
15327
15301
  .pf-v5-c-icon__content.pf-m-lg,
15328
15302
  .pf-v5-c-icon__progress.pf-m-lg {
15329
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15303
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15330
15304
  }
15331
15305
  .pf-v5-c-icon__content.pf-m-xl,
15332
15306
  .pf-v5-c-icon__progress.pf-m-xl {
15333
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15307
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15334
15308
  }
15335
15309
 
15336
15310
  .pf-v5-c-icon__content {
15337
- color: var(--pf-v5-c-icon__content--Color);
15311
+ color: var(--pf-v5-c-icon__content--Color, inherit);
15338
15312
  opacity: var(--pf-v5-c-icon__content--Opacity, 1);
15339
15313
  }
15340
15314
  .pf-v5-c-icon__content.pf-m-danger {
@@ -17257,8 +17231,8 @@ ul.pf-v5-c-list {
17257
17231
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
17258
17232
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
17259
17233
  }
17260
- .pf-v5-c-masthead.pf-m-inset-base {
17261
- --pf-v5-c-masthead--inset: ;
17234
+ .pf-v5-c-masthead.pf-m-inset-none {
17235
+ --pf-v5-c-masthead--inset: 0;
17262
17236
  }
17263
17237
  .pf-v5-c-masthead.pf-m-inset-sm {
17264
17238
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17316,8 +17290,8 @@ ul.pf-v5-c-list {
17316
17290
  }
17317
17291
  }
17318
17292
  @media (min-width: 576px) {
17319
- .pf-v5-c-masthead.pf-m-inset-base-on-sm {
17320
- --pf-v5-c-masthead--inset: ;
17293
+ .pf-v5-c-masthead.pf-m-inset-none-on-sm {
17294
+ --pf-v5-c-masthead--inset: 0;
17321
17295
  }
17322
17296
  .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
17323
17297
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17376,8 +17350,8 @@ ul.pf-v5-c-list {
17376
17350
  }
17377
17351
  }
17378
17352
  @media (min-width: 768px) {
17379
- .pf-v5-c-masthead.pf-m-inset-base-on-md {
17380
- --pf-v5-c-masthead--inset: ;
17353
+ .pf-v5-c-masthead.pf-m-inset-none-on-md {
17354
+ --pf-v5-c-masthead--inset: 0;
17381
17355
  }
17382
17356
  .pf-v5-c-masthead.pf-m-inset-sm-on-md {
17383
17357
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17436,8 +17410,8 @@ ul.pf-v5-c-list {
17436
17410
  }
17437
17411
  }
17438
17412
  @media (min-width: 992px) {
17439
- .pf-v5-c-masthead.pf-m-inset-base-on-lg {
17440
- --pf-v5-c-masthead--inset: ;
17413
+ .pf-v5-c-masthead.pf-m-inset-none-on-lg {
17414
+ --pf-v5-c-masthead--inset: 0;
17441
17415
  }
17442
17416
  .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
17443
17417
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17496,8 +17470,8 @@ ul.pf-v5-c-list {
17496
17470
  }
17497
17471
  }
17498
17472
  @media (min-width: 1200px) {
17499
- .pf-v5-c-masthead.pf-m-inset-base-on-xl {
17500
- --pf-v5-c-masthead--inset: ;
17473
+ .pf-v5-c-masthead.pf-m-inset-none-on-xl {
17474
+ --pf-v5-c-masthead--inset: 0;
17501
17475
  }
17502
17476
  .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
17503
17477
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17556,8 +17530,8 @@ ul.pf-v5-c-list {
17556
17530
  }
17557
17531
  }
17558
17532
  @media (min-width: 1450px) {
17559
- .pf-v5-c-masthead.pf-m-inset-base-on-2xl {
17560
- --pf-v5-c-masthead--inset: ;
17533
+ .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
17534
+ --pf-v5-c-masthead--inset: 0;
17561
17535
  }
17562
17536
  .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
17563
17537
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -21880,8 +21854,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21880
21854
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21881
21855
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21882
21856
  }
21883
- .pf-v5-c-pagination.pf-m-inset-base {
21884
- --pf-v5-c-pagination--inset: ;
21857
+ .pf-v5-c-pagination.pf-m-inset-none {
21858
+ --pf-v5-c-pagination--inset: 0;
21885
21859
  }
21886
21860
  .pf-v5-c-pagination.pf-m-inset-sm {
21887
21861
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21909,8 +21883,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21909
21883
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21910
21884
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21911
21885
  }
21912
- .pf-v5-c-pagination.pf-m-inset-base-on-sm {
21913
- --pf-v5-c-pagination--inset: ;
21886
+ .pf-v5-c-pagination.pf-m-inset-none-on-sm {
21887
+ --pf-v5-c-pagination--inset: 0;
21914
21888
  }
21915
21889
  .pf-v5-c-pagination.pf-m-inset-sm-on-sm {
21916
21890
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21939,8 +21913,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21939
21913
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21940
21914
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21941
21915
  }
21942
- .pf-v5-c-pagination.pf-m-inset-base-on-md {
21943
- --pf-v5-c-pagination--inset: ;
21916
+ .pf-v5-c-pagination.pf-m-inset-none-on-md {
21917
+ --pf-v5-c-pagination--inset: 0;
21944
21918
  }
21945
21919
  .pf-v5-c-pagination.pf-m-inset-sm-on-md {
21946
21920
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21969,8 +21943,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21969
21943
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21970
21944
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21971
21945
  }
21972
- .pf-v5-c-pagination.pf-m-inset-base-on-lg {
21973
- --pf-v5-c-pagination--inset: ;
21946
+ .pf-v5-c-pagination.pf-m-inset-none-on-lg {
21947
+ --pf-v5-c-pagination--inset: 0;
21974
21948
  }
21975
21949
  .pf-v5-c-pagination.pf-m-inset-sm-on-lg {
21976
21950
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21999,8 +21973,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21999
21973
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22000
21974
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22001
21975
  }
22002
- .pf-v5-c-pagination.pf-m-inset-base-on-xl {
22003
- --pf-v5-c-pagination--inset: ;
21976
+ .pf-v5-c-pagination.pf-m-inset-none-on-xl {
21977
+ --pf-v5-c-pagination--inset: 0;
22004
21978
  }
22005
21979
  .pf-v5-c-pagination.pf-m-inset-sm-on-xl {
22006
21980
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22029,8 +22003,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22029
22003
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22030
22004
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22031
22005
  }
22032
- .pf-v5-c-pagination.pf-m-inset-base-on-2xl {
22033
- --pf-v5-c-pagination--inset: ;
22006
+ .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
22007
+ --pf-v5-c-pagination--inset: 0;
22034
22008
  }
22035
22009
  .pf-v5-c-pagination.pf-m-inset-sm-on-2xl {
22036
22010
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -29065,10 +29039,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29065
29039
  outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
29066
29040
  }
29067
29041
 
29068
- .pf-v5-c-tabs.pf-m-inset-base {
29069
- --pf-v5-c-tabs--inset: ;
29070
- --pf-v5-c-tabs--m-vertical--inset: ;
29071
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29042
+ .pf-v5-c-tabs.pf-m-inset-none {
29043
+ --pf-v5-c-tabs--inset: 0;
29044
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29045
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29072
29046
  }
29073
29047
  .pf-v5-c-tabs.pf-m-inset-sm {
29074
29048
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29096,10 +29070,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29096
29070
  --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
29097
29071
  }
29098
29072
  @media (min-width: 576px) {
29099
- .pf-v5-c-tabs.pf-m-inset-base-on-sm {
29100
- --pf-v5-c-tabs--inset: ;
29101
- --pf-v5-c-tabs--m-vertical--inset: ;
29102
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29073
+ .pf-v5-c-tabs.pf-m-inset-none-on-sm {
29074
+ --pf-v5-c-tabs--inset: 0;
29075
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29076
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29103
29077
  }
29104
29078
  .pf-v5-c-tabs.pf-m-inset-sm-on-sm {
29105
29079
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29128,10 +29102,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29128
29102
  }
29129
29103
  }
29130
29104
  @media (min-width: 768px) {
29131
- .pf-v5-c-tabs.pf-m-inset-base-on-md {
29132
- --pf-v5-c-tabs--inset: ;
29133
- --pf-v5-c-tabs--m-vertical--inset: ;
29134
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29105
+ .pf-v5-c-tabs.pf-m-inset-none-on-md {
29106
+ --pf-v5-c-tabs--inset: 0;
29107
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29108
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29135
29109
  }
29136
29110
  .pf-v5-c-tabs.pf-m-inset-sm-on-md {
29137
29111
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29160,10 +29134,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29160
29134
  }
29161
29135
  }
29162
29136
  @media (min-width: 992px) {
29163
- .pf-v5-c-tabs.pf-m-inset-base-on-lg {
29164
- --pf-v5-c-tabs--inset: ;
29165
- --pf-v5-c-tabs--m-vertical--inset: ;
29166
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29137
+ .pf-v5-c-tabs.pf-m-inset-none-on-lg {
29138
+ --pf-v5-c-tabs--inset: 0;
29139
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29140
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29167
29141
  }
29168
29142
  .pf-v5-c-tabs.pf-m-inset-sm-on-lg {
29169
29143
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29192,10 +29166,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29192
29166
  }
29193
29167
  }
29194
29168
  @media (min-width: 1200px) {
29195
- .pf-v5-c-tabs.pf-m-inset-base-on-xl {
29196
- --pf-v5-c-tabs--inset: ;
29197
- --pf-v5-c-tabs--m-vertical--inset: ;
29198
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29169
+ .pf-v5-c-tabs.pf-m-inset-none-on-xl {
29170
+ --pf-v5-c-tabs--inset: 0;
29171
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29172
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29199
29173
  }
29200
29174
  .pf-v5-c-tabs.pf-m-inset-sm-on-xl {
29201
29175
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29224,10 +29198,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29224
29198
  }
29225
29199
  }
29226
29200
  @media (min-width: 1450px) {
29227
- .pf-v5-c-tabs.pf-m-inset-base-on-2xl {
29228
- --pf-v5-c-tabs--inset: ;
29229
- --pf-v5-c-tabs--m-vertical--inset: ;
29230
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29201
+ .pf-v5-c-tabs.pf-m-inset-none-on-2xl {
29202
+ --pf-v5-c-tabs--inset: 0;
29203
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29204
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29231
29205
  }
29232
29206
  .pf-v5-c-tabs.pf-m-inset-sm-on-2xl {
29233
29207
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -32574,18 +32548,14 @@ label.pf-v5-c-tree-view__node-text {
32574
32548
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32575
32549
  }
32576
32550
  }
32577
- .pf-v5-l-flex.pf-m-gap {
32578
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32579
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32551
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32552
+ --pf-v5-l-flex--RowGap: ;
32553
+ --pf-v5-l-flex--ColumnGap: ;
32580
32554
  }
32581
32555
  .pf-v5-l-flex.pf-m-gap-none {
32582
32556
  --pf-v5-l-flex--RowGap: 0;
32583
32557
  --pf-v5-l-flex--ColumnGap: 0;
32584
32558
  }
32585
- .pf-v5-l-flex.pf-m-gap-xs {
32586
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32587
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32588
- }
32589
32559
  .pf-v5-l-flex.pf-m-gap-sm {
32590
32560
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32591
32561
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32614,23 +32584,19 @@ label.pf-v5-c-tree-view__node-text {
32614
32584
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32615
32585
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32616
32586
  }
32617
- .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) > * {
32587
+ .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) > * {
32618
32588
  --pf-v5-l-flex--spacer--row: 0;
32619
32589
  --pf-v5-l-flex--spacer--column: 0;
32620
32590
  }
32621
32591
  @media (min-width: 576px) {
32622
- .pf-v5-l-flex.pf-m-gap-on-sm {
32623
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32624
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32592
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32593
+ --pf-v5-l-flex--RowGap: ;
32594
+ --pf-v5-l-flex--ColumnGap: ;
32625
32595
  }
32626
32596
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32627
32597
  --pf-v5-l-flex--RowGap: 0;
32628
32598
  --pf-v5-l-flex--ColumnGap: 0;
32629
32599
  }
32630
- .pf-v5-l-flex.pf-m-gap-xs-on-sm {
32631
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32632
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32633
- }
32634
32600
  .pf-v5-l-flex.pf-m-gap-sm-on-sm {
32635
32601
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32636
32602
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32659,24 +32625,20 @@ label.pf-v5-c-tree-view__node-text {
32659
32625
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32660
32626
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32661
32627
  }
32662
- .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) > * {
32628
+ .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) > * {
32663
32629
  --pf-v5-l-flex--spacer--row: 0;
32664
32630
  --pf-v5-l-flex--spacer--column: 0;
32665
32631
  }
32666
32632
  }
32667
32633
  @media (min-width: 768px) {
32668
- .pf-v5-l-flex.pf-m-gap-on-md {
32669
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32670
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32634
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32635
+ --pf-v5-l-flex--RowGap: ;
32636
+ --pf-v5-l-flex--ColumnGap: ;
32671
32637
  }
32672
32638
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32673
32639
  --pf-v5-l-flex--RowGap: 0;
32674
32640
  --pf-v5-l-flex--ColumnGap: 0;
32675
32641
  }
32676
- .pf-v5-l-flex.pf-m-gap-xs-on-md {
32677
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32678
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32679
- }
32680
32642
  .pf-v5-l-flex.pf-m-gap-sm-on-md {
32681
32643
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32682
32644
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32705,24 +32667,20 @@ label.pf-v5-c-tree-view__node-text {
32705
32667
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32706
32668
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32707
32669
  }
32708
- .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) > * {
32670
+ .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) > * {
32709
32671
  --pf-v5-l-flex--spacer--row: 0;
32710
32672
  --pf-v5-l-flex--spacer--column: 0;
32711
32673
  }
32712
32674
  }
32713
32675
  @media (min-width: 992px) {
32714
- .pf-v5-l-flex.pf-m-gap-on-lg {
32715
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32716
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32676
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32677
+ --pf-v5-l-flex--RowGap: ;
32678
+ --pf-v5-l-flex--ColumnGap: ;
32717
32679
  }
32718
32680
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32719
32681
  --pf-v5-l-flex--RowGap: 0;
32720
32682
  --pf-v5-l-flex--ColumnGap: 0;
32721
32683
  }
32722
- .pf-v5-l-flex.pf-m-gap-xs-on-lg {
32723
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32724
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32725
- }
32726
32684
  .pf-v5-l-flex.pf-m-gap-sm-on-lg {
32727
32685
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32728
32686
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32751,24 +32709,20 @@ label.pf-v5-c-tree-view__node-text {
32751
32709
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32752
32710
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32753
32711
  }
32754
- .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) > * {
32712
+ .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) > * {
32755
32713
  --pf-v5-l-flex--spacer--row: 0;
32756
32714
  --pf-v5-l-flex--spacer--column: 0;
32757
32715
  }
32758
32716
  }
32759
32717
  @media (min-width: 1200px) {
32760
- .pf-v5-l-flex.pf-m-gap-on-xl {
32761
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32762
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32718
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32719
+ --pf-v5-l-flex--RowGap: ;
32720
+ --pf-v5-l-flex--ColumnGap: ;
32763
32721
  }
32764
32722
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32765
32723
  --pf-v5-l-flex--RowGap: 0;
32766
32724
  --pf-v5-l-flex--ColumnGap: 0;
32767
32725
  }
32768
- .pf-v5-l-flex.pf-m-gap-xs-on-xl {
32769
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32770
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32771
- }
32772
32726
  .pf-v5-l-flex.pf-m-gap-sm-on-xl {
32773
32727
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32774
32728
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32797,24 +32751,20 @@ label.pf-v5-c-tree-view__node-text {
32797
32751
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32798
32752
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32799
32753
  }
32800
- .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) > * {
32754
+ .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) > * {
32801
32755
  --pf-v5-l-flex--spacer--row: 0;
32802
32756
  --pf-v5-l-flex--spacer--column: 0;
32803
32757
  }
32804
32758
  }
32805
32759
  @media (min-width: 1450px) {
32806
- .pf-v5-l-flex.pf-m-gap-on-2xl {
32807
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32808
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32760
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32761
+ --pf-v5-l-flex--RowGap: ;
32762
+ --pf-v5-l-flex--ColumnGap: ;
32809
32763
  }
32810
32764
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32811
32765
  --pf-v5-l-flex--RowGap: 0;
32812
32766
  --pf-v5-l-flex--ColumnGap: 0;
32813
32767
  }
32814
- .pf-v5-l-flex.pf-m-gap-xs-on-2xl {
32815
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32816
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32817
- }
32818
32768
  .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
32819
32769
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32820
32770
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32843,20 +32793,17 @@ label.pf-v5-c-tree-view__node-text {
32843
32793
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32844
32794
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32845
32795
  }
32846
- .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) > * {
32796
+ .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) > * {
32847
32797
  --pf-v5-l-flex--spacer--row: 0;
32848
32798
  --pf-v5-l-flex--spacer--column: 0;
32849
32799
  }
32850
32800
  }
32851
- .pf-v5-l-flex.pf-m-row-gap {
32852
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32801
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32802
+ --pf-v5-l-flex--RowGap: ;
32853
32803
  }
32854
32804
  .pf-v5-l-flex.pf-m-row-gap-none {
32855
32805
  --pf-v5-l-flex--RowGap: 0;
32856
32806
  }
32857
- .pf-v5-l-flex.pf-m-row-gap-xs {
32858
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32859
- }
32860
32807
  .pf-v5-l-flex.pf-m-row-gap-sm {
32861
32808
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32862
32809
  }
@@ -32878,19 +32825,16 @@ label.pf-v5-c-tree-view__node-text {
32878
32825
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32879
32826
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32880
32827
  }
32881
- .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) > * {
32828
+ .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) > * {
32882
32829
  --pf-v5-l-flex--spacer--row: 0;
32883
32830
  }
32884
32831
  @media (min-width: 576px) {
32885
- .pf-v5-l-flex.pf-m-row-gap-on-sm {
32886
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32832
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32833
+ --pf-v5-l-flex--RowGap: ;
32887
32834
  }
32888
32835
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32889
32836
  --pf-v5-l-flex--RowGap: 0;
32890
32837
  }
32891
- .pf-v5-l-flex.pf-m-row-gap-xs-on-sm {
32892
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32893
- }
32894
32838
  .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
32895
32839
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32896
32840
  }
@@ -32912,20 +32856,17 @@ label.pf-v5-c-tree-view__node-text {
32912
32856
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
32913
32857
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32914
32858
  }
32915
- .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) > * {
32859
+ .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) > * {
32916
32860
  --pf-v5-l-flex--spacer--row: 0;
32917
32861
  }
32918
32862
  }
32919
32863
  @media (min-width: 768px) {
32920
- .pf-v5-l-flex.pf-m-row-gap-on-md {
32921
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32864
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32865
+ --pf-v5-l-flex--RowGap: ;
32922
32866
  }
32923
32867
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
32924
32868
  --pf-v5-l-flex--RowGap: 0;
32925
32869
  }
32926
- .pf-v5-l-flex.pf-m-row-gap-xs-on-md {
32927
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32928
- }
32929
32870
  .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
32930
32871
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32931
32872
  }
@@ -32947,20 +32888,17 @@ label.pf-v5-c-tree-view__node-text {
32947
32888
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
32948
32889
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32949
32890
  }
32950
- .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) > * {
32891
+ .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) > * {
32951
32892
  --pf-v5-l-flex--spacer--row: 0;
32952
32893
  }
32953
32894
  }
32954
32895
  @media (min-width: 992px) {
32955
- .pf-v5-l-flex.pf-m-row-gap-on-lg {
32956
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32896
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
32897
+ --pf-v5-l-flex--RowGap: ;
32957
32898
  }
32958
32899
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
32959
32900
  --pf-v5-l-flex--RowGap: 0;
32960
32901
  }
32961
- .pf-v5-l-flex.pf-m-row-gap-xs-on-lg {
32962
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32963
- }
32964
32902
  .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
32965
32903
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32966
32904
  }
@@ -32982,20 +32920,17 @@ label.pf-v5-c-tree-view__node-text {
32982
32920
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
32983
32921
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32984
32922
  }
32985
- .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) > * {
32923
+ .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) > * {
32986
32924
  --pf-v5-l-flex--spacer--row: 0;
32987
32925
  }
32988
32926
  }
32989
32927
  @media (min-width: 1200px) {
32990
- .pf-v5-l-flex.pf-m-row-gap-on-xl {
32991
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32928
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
32929
+ --pf-v5-l-flex--RowGap: ;
32992
32930
  }
32993
32931
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
32994
32932
  --pf-v5-l-flex--RowGap: 0;
32995
32933
  }
32996
- .pf-v5-l-flex.pf-m-row-gap-xs-on-xl {
32997
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32998
- }
32999
32934
  .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
33000
32935
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33001
32936
  }
@@ -33017,20 +32952,17 @@ label.pf-v5-c-tree-view__node-text {
33017
32952
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
33018
32953
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33019
32954
  }
33020
- .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) > * {
32955
+ .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) > * {
33021
32956
  --pf-v5-l-flex--spacer--row: 0;
33022
32957
  }
33023
32958
  }
33024
32959
  @media (min-width: 1450px) {
33025
- .pf-v5-l-flex.pf-m-row-gap-on-2xl {
33026
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32960
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
32961
+ --pf-v5-l-flex--RowGap: ;
33027
32962
  }
33028
32963
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33029
32964
  --pf-v5-l-flex--RowGap: 0;
33030
32965
  }
33031
- .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl {
33032
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33033
- }
33034
32966
  .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
33035
32967
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33036
32968
  }
@@ -33052,19 +32984,16 @@ label.pf-v5-c-tree-view__node-text {
33052
32984
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33053
32985
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33054
32986
  }
33055
- .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) > * {
32987
+ .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) > * {
33056
32988
  --pf-v5-l-flex--spacer--row: 0;
33057
32989
  }
33058
32990
  }
33059
- .pf-v5-l-flex.pf-m-column-gap {
33060
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32991
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
32992
+ --pf-v5-l-flex--ColumnGap: ;
33061
32993
  }
33062
32994
  .pf-v5-l-flex.pf-m-column-gap-none {
33063
32995
  --pf-v5-l-flex--ColumnGap: 0;
33064
32996
  }
33065
- .pf-v5-l-flex.pf-m-column-gap-xs {
33066
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33067
- }
33068
32997
  .pf-v5-l-flex.pf-m-column-gap-sm {
33069
32998
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33070
32999
  }
@@ -33086,19 +33015,16 @@ label.pf-v5-c-tree-view__node-text {
33086
33015
  .pf-v5-l-flex.pf-m-column-gap-4xl {
33087
33016
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33088
33017
  }
33089
- .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) > * {
33018
+ .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) > * {
33090
33019
  --pf-v5-l-flex--spacer--column: 0;
33091
33020
  }
33092
33021
  @media (min-width: 576px) {
33093
- .pf-v5-l-flex.pf-m-column-gap-on-sm {
33094
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33022
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
33023
+ --pf-v5-l-flex--ColumnGap: ;
33095
33024
  }
33096
33025
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33097
33026
  --pf-v5-l-flex--ColumnGap: 0;
33098
33027
  }
33099
- .pf-v5-l-flex.pf-m-column-gap-xs-on-sm {
33100
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33101
- }
33102
33028
  .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
33103
33029
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33104
33030
  }
@@ -33120,20 +33046,17 @@ label.pf-v5-c-tree-view__node-text {
33120
33046
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33121
33047
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33122
33048
  }
33123
- .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) > * {
33049
+ .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) > * {
33124
33050
  --pf-v5-l-flex--spacer--column: 0;
33125
33051
  }
33126
33052
  }
33127
33053
  @media (min-width: 768px) {
33128
- .pf-v5-l-flex.pf-m-column-gap-on-md {
33129
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33054
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
33055
+ --pf-v5-l-flex--ColumnGap: ;
33130
33056
  }
33131
33057
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33132
33058
  --pf-v5-l-flex--ColumnGap: 0;
33133
33059
  }
33134
- .pf-v5-l-flex.pf-m-column-gap-xs-on-md {
33135
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33136
- }
33137
33060
  .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
33138
33061
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33139
33062
  }
@@ -33155,20 +33078,17 @@ label.pf-v5-c-tree-view__node-text {
33155
33078
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33156
33079
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33157
33080
  }
33158
- .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) > * {
33081
+ .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) > * {
33159
33082
  --pf-v5-l-flex--spacer--column: 0;
33160
33083
  }
33161
33084
  }
33162
33085
  @media (min-width: 992px) {
33163
- .pf-v5-l-flex.pf-m-column-gap-on-lg {
33164
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33086
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33087
+ --pf-v5-l-flex--ColumnGap: ;
33165
33088
  }
33166
33089
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33167
33090
  --pf-v5-l-flex--ColumnGap: 0;
33168
33091
  }
33169
- .pf-v5-l-flex.pf-m-column-gap-xs-on-lg {
33170
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33171
- }
33172
33092
  .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
33173
33093
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33174
33094
  }
@@ -33190,20 +33110,17 @@ label.pf-v5-c-tree-view__node-text {
33190
33110
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33191
33111
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33192
33112
  }
33193
- .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) > * {
33113
+ .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) > * {
33194
33114
  --pf-v5-l-flex--spacer--column: 0;
33195
33115
  }
33196
33116
  }
33197
33117
  @media (min-width: 1200px) {
33198
- .pf-v5-l-flex.pf-m-column-gap-on-xl {
33199
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33118
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33119
+ --pf-v5-l-flex--ColumnGap: ;
33200
33120
  }
33201
33121
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33202
33122
  --pf-v5-l-flex--ColumnGap: 0;
33203
33123
  }
33204
- .pf-v5-l-flex.pf-m-column-gap-xs-on-xl {
33205
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33206
- }
33207
33124
  .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
33208
33125
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33209
33126
  }
@@ -33225,20 +33142,17 @@ label.pf-v5-c-tree-view__node-text {
33225
33142
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33226
33143
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33227
33144
  }
33228
- .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) > * {
33145
+ .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) > * {
33229
33146
  --pf-v5-l-flex--spacer--column: 0;
33230
33147
  }
33231
33148
  }
33232
33149
  @media (min-width: 1450px) {
33233
- .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33234
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33150
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33151
+ --pf-v5-l-flex--ColumnGap: ;
33235
33152
  }
33236
33153
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33237
33154
  --pf-v5-l-flex--ColumnGap: 0;
33238
33155
  }
33239
- .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
33240
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33241
- }
33242
33156
  .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
33243
33157
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33244
33158
  }
@@ -33260,7 +33174,7 @@ label.pf-v5-c-tree-view__node-text {
33260
33174
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33261
33175
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33262
33176
  }
33263
- .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) > * {
33177
+ .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) > * {
33264
33178
  --pf-v5-l-flex--spacer--column: 0;
33265
33179
  }
33266
33180
  }