@patternfly/patternfly 5.0.0-alpha.55 → 5.0.0-alpha.56

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 (7) hide show
  1. package/layouts/Flex/flex.css +60 -60
  2. package/package.json +4 -4
  3. package/patternfly-no-globals.css +60 -60
  4. package/patternfly.css +60 -60
  5. package/patternfly.min.css +1 -1
  6. package/patternfly.min.css.map +1 -1
  7. package/sass-utilities/functions.scss +1 -3
package/patternfly-no-globals.css CHANGED
@@ -32486,9 +32486,9 @@ label.pf-v5-c-tree-view__node-text {
32486
32486
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32487
32487
  }
32488
32488
  }
32489
- .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32490
- --pf-v5-l-flex--RowGap: ;
32491
- --pf-v5-l-flex--ColumnGap: ;
32489
+ .pf-v5-l-flex.pf-m-gap {
32490
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32491
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32492
32492
  }
32493
32493
  .pf-v5-l-flex.pf-m-gap-none {
32494
32494
  --pf-v5-l-flex--RowGap: 0;
@@ -32522,14 +32522,14 @@ label.pf-v5-c-tree-view__node-text {
32522
32522
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32523
32523
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32524
32524
  }
32525
- .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) > * {
32525
+ .pf-v5-l-flex:is(.pf-m-gap, .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) > * {
32526
32526
  --pf-v5-l-flex--spacer--row: 0;
32527
32527
  --pf-v5-l-flex--spacer--column: 0;
32528
32528
  }
32529
32529
  @media (min-width: 576px) {
32530
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32531
- --pf-v5-l-flex--RowGap: ;
32532
- --pf-v5-l-flex--ColumnGap: ;
32530
+ .pf-v5-l-flex.pf-m-gap-on-sm {
32531
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32532
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32533
32533
  }
32534
32534
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32535
32535
  --pf-v5-l-flex--RowGap: 0;
@@ -32563,15 +32563,15 @@ label.pf-v5-c-tree-view__node-text {
32563
32563
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32564
32564
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32565
32565
  }
32566
- .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) > * {
32566
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32567
32567
  --pf-v5-l-flex--spacer--row: 0;
32568
32568
  --pf-v5-l-flex--spacer--column: 0;
32569
32569
  }
32570
32570
  }
32571
32571
  @media (min-width: 768px) {
32572
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32573
- --pf-v5-l-flex--RowGap: ;
32574
- --pf-v5-l-flex--ColumnGap: ;
32572
+ .pf-v5-l-flex.pf-m-gap-on-md {
32573
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32574
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32575
32575
  }
32576
32576
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32577
32577
  --pf-v5-l-flex--RowGap: 0;
@@ -32605,15 +32605,15 @@ label.pf-v5-c-tree-view__node-text {
32605
32605
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32606
32606
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32607
32607
  }
32608
- .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) > * {
32608
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32609
32609
  --pf-v5-l-flex--spacer--row: 0;
32610
32610
  --pf-v5-l-flex--spacer--column: 0;
32611
32611
  }
32612
32612
  }
32613
32613
  @media (min-width: 992px) {
32614
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32615
- --pf-v5-l-flex--RowGap: ;
32616
- --pf-v5-l-flex--ColumnGap: ;
32614
+ .pf-v5-l-flex.pf-m-gap-on-lg {
32615
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32616
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32617
32617
  }
32618
32618
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32619
32619
  --pf-v5-l-flex--RowGap: 0;
@@ -32647,15 +32647,15 @@ label.pf-v5-c-tree-view__node-text {
32647
32647
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32648
32648
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32649
32649
  }
32650
- .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) > * {
32650
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32651
32651
  --pf-v5-l-flex--spacer--row: 0;
32652
32652
  --pf-v5-l-flex--spacer--column: 0;
32653
32653
  }
32654
32654
  }
32655
32655
  @media (min-width: 1200px) {
32656
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32657
- --pf-v5-l-flex--RowGap: ;
32658
- --pf-v5-l-flex--ColumnGap: ;
32656
+ .pf-v5-l-flex.pf-m-gap-on-xl {
32657
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32658
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32659
32659
  }
32660
32660
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32661
32661
  --pf-v5-l-flex--RowGap: 0;
@@ -32689,15 +32689,15 @@ label.pf-v5-c-tree-view__node-text {
32689
32689
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32690
32690
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32691
32691
  }
32692
- .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) > * {
32692
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32693
32693
  --pf-v5-l-flex--spacer--row: 0;
32694
32694
  --pf-v5-l-flex--spacer--column: 0;
32695
32695
  }
32696
32696
  }
32697
32697
  @media (min-width: 1450px) {
32698
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32699
- --pf-v5-l-flex--RowGap: ;
32700
- --pf-v5-l-flex--ColumnGap: ;
32698
+ .pf-v5-l-flex.pf-m-gap-on-2xl {
32699
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32700
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32701
32701
  }
32702
32702
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32703
32703
  --pf-v5-l-flex--RowGap: 0;
@@ -32731,13 +32731,13 @@ label.pf-v5-c-tree-view__node-text {
32731
32731
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32732
32732
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32733
32733
  }
32734
- .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) > * {
32734
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32735
32735
  --pf-v5-l-flex--spacer--row: 0;
32736
32736
  --pf-v5-l-flex--spacer--column: 0;
32737
32737
  }
32738
32738
  }
32739
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32740
- --pf-v5-l-flex--RowGap: ;
32739
+ .pf-v5-l-flex.pf-m-row-gap {
32740
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32741
32741
  }
32742
32742
  .pf-v5-l-flex.pf-m-row-gap-none {
32743
32743
  --pf-v5-l-flex--RowGap: 0;
@@ -32763,12 +32763,12 @@ label.pf-v5-c-tree-view__node-text {
32763
32763
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32764
32764
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32765
32765
  }
32766
- .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) > * {
32766
+ .pf-v5-l-flex:is(.pf-m-row-gap, .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) > * {
32767
32767
  --pf-v5-l-flex--spacer--row: 0;
32768
32768
  }
32769
32769
  @media (min-width: 576px) {
32770
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32771
- --pf-v5-l-flex--RowGap: ;
32770
+ .pf-v5-l-flex.pf-m-row-gap-on-sm {
32771
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32772
32772
  }
32773
32773
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32774
32774
  --pf-v5-l-flex--RowGap: 0;
@@ -32794,13 +32794,13 @@ label.pf-v5-c-tree-view__node-text {
32794
32794
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
32795
32795
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32796
32796
  }
32797
- .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) > * {
32797
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32798
32798
  --pf-v5-l-flex--spacer--row: 0;
32799
32799
  }
32800
32800
  }
32801
32801
  @media (min-width: 768px) {
32802
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32803
- --pf-v5-l-flex--RowGap: ;
32802
+ .pf-v5-l-flex.pf-m-row-gap-on-md {
32803
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32804
32804
  }
32805
32805
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
32806
32806
  --pf-v5-l-flex--RowGap: 0;
@@ -32826,13 +32826,13 @@ label.pf-v5-c-tree-view__node-text {
32826
32826
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
32827
32827
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32828
32828
  }
32829
- .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) > * {
32829
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32830
32830
  --pf-v5-l-flex--spacer--row: 0;
32831
32831
  }
32832
32832
  }
32833
32833
  @media (min-width: 992px) {
32834
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
32835
- --pf-v5-l-flex--RowGap: ;
32834
+ .pf-v5-l-flex.pf-m-row-gap-on-lg {
32835
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32836
32836
  }
32837
32837
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
32838
32838
  --pf-v5-l-flex--RowGap: 0;
@@ -32858,13 +32858,13 @@ label.pf-v5-c-tree-view__node-text {
32858
32858
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
32859
32859
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32860
32860
  }
32861
- .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) > * {
32861
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32862
32862
  --pf-v5-l-flex--spacer--row: 0;
32863
32863
  }
32864
32864
  }
32865
32865
  @media (min-width: 1200px) {
32866
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
32867
- --pf-v5-l-flex--RowGap: ;
32866
+ .pf-v5-l-flex.pf-m-row-gap-on-xl {
32867
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32868
32868
  }
32869
32869
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
32870
32870
  --pf-v5-l-flex--RowGap: 0;
@@ -32890,13 +32890,13 @@ label.pf-v5-c-tree-view__node-text {
32890
32890
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
32891
32891
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32892
32892
  }
32893
- .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) > * {
32893
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32894
32894
  --pf-v5-l-flex--spacer--row: 0;
32895
32895
  }
32896
32896
  }
32897
32897
  @media (min-width: 1450px) {
32898
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
32899
- --pf-v5-l-flex--RowGap: ;
32898
+ .pf-v5-l-flex.pf-m-row-gap-on-2xl {
32899
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32900
32900
  }
32901
32901
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
32902
32902
  --pf-v5-l-flex--RowGap: 0;
@@ -32922,12 +32922,12 @@ label.pf-v5-c-tree-view__node-text {
32922
32922
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
32923
32923
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32924
32924
  }
32925
- .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) > * {
32925
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32926
32926
  --pf-v5-l-flex--spacer--row: 0;
32927
32927
  }
32928
32928
  }
32929
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
32930
- --pf-v5-l-flex--ColumnGap: ;
32929
+ .pf-v5-l-flex.pf-m-column-gap {
32930
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32931
32931
  }
32932
32932
  .pf-v5-l-flex.pf-m-column-gap-none {
32933
32933
  --pf-v5-l-flex--ColumnGap: 0;
@@ -32953,12 +32953,12 @@ label.pf-v5-c-tree-view__node-text {
32953
32953
  .pf-v5-l-flex.pf-m-column-gap-4xl {
32954
32954
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32955
32955
  }
32956
- .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) > * {
32956
+ .pf-v5-l-flex:is(.pf-m-column-gap, .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) > * {
32957
32957
  --pf-v5-l-flex--spacer--column: 0;
32958
32958
  }
32959
32959
  @media (min-width: 576px) {
32960
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
32961
- --pf-v5-l-flex--ColumnGap: ;
32960
+ .pf-v5-l-flex.pf-m-column-gap-on-sm {
32961
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32962
32962
  }
32963
32963
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
32964
32964
  --pf-v5-l-flex--ColumnGap: 0;
@@ -32984,13 +32984,13 @@ label.pf-v5-c-tree-view__node-text {
32984
32984
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
32985
32985
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32986
32986
  }
32987
- .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) > * {
32987
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
32988
32988
  --pf-v5-l-flex--spacer--column: 0;
32989
32989
  }
32990
32990
  }
32991
32991
  @media (min-width: 768px) {
32992
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
32993
- --pf-v5-l-flex--ColumnGap: ;
32992
+ .pf-v5-l-flex.pf-m-column-gap-on-md {
32993
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32994
32994
  }
32995
32995
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
32996
32996
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33016,13 +33016,13 @@ label.pf-v5-c-tree-view__node-text {
33016
33016
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33017
33017
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33018
33018
  }
33019
- .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) > * {
33019
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33020
33020
  --pf-v5-l-flex--spacer--column: 0;
33021
33021
  }
33022
33022
  }
33023
33023
  @media (min-width: 992px) {
33024
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33025
- --pf-v5-l-flex--ColumnGap: ;
33024
+ .pf-v5-l-flex.pf-m-column-gap-on-lg {
33025
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33026
33026
  }
33027
33027
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33028
33028
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33048,13 +33048,13 @@ label.pf-v5-c-tree-view__node-text {
33048
33048
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33049
33049
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33050
33050
  }
33051
- .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) > * {
33051
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33052
33052
  --pf-v5-l-flex--spacer--column: 0;
33053
33053
  }
33054
33054
  }
33055
33055
  @media (min-width: 1200px) {
33056
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33057
- --pf-v5-l-flex--ColumnGap: ;
33056
+ .pf-v5-l-flex.pf-m-column-gap-on-xl {
33057
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33058
33058
  }
33059
33059
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33060
33060
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33080,13 +33080,13 @@ label.pf-v5-c-tree-view__node-text {
33080
33080
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33081
33081
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33082
33082
  }
33083
- .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) > * {
33083
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33084
33084
  --pf-v5-l-flex--spacer--column: 0;
33085
33085
  }
33086
33086
  }
33087
33087
  @media (min-width: 1450px) {
33088
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33089
- --pf-v5-l-flex--ColumnGap: ;
33088
+ .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33089
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33090
33090
  }
33091
33091
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33092
33092
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33112,7 +33112,7 @@ label.pf-v5-c-tree-view__node-text {
33112
33112
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33113
33113
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33114
33114
  }
33115
- .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) > * {
33115
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33116
33116
  --pf-v5-l-flex--spacer--column: 0;
33117
33117
  }
33118
33118
  }
package/patternfly.css CHANGED
@@ -32603,9 +32603,9 @@ label.pf-v5-c-tree-view__node-text {
32603
32603
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32604
32604
  }
32605
32605
  }
32606
- .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32607
- --pf-v5-l-flex--RowGap: ;
32608
- --pf-v5-l-flex--ColumnGap: ;
32606
+ .pf-v5-l-flex.pf-m-gap {
32607
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32608
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32609
32609
  }
32610
32610
  .pf-v5-l-flex.pf-m-gap-none {
32611
32611
  --pf-v5-l-flex--RowGap: 0;
@@ -32639,14 +32639,14 @@ label.pf-v5-c-tree-view__node-text {
32639
32639
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32640
32640
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32641
32641
  }
32642
- .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) > * {
32642
+ .pf-v5-l-flex:is(.pf-m-gap, .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) > * {
32643
32643
  --pf-v5-l-flex--spacer--row: 0;
32644
32644
  --pf-v5-l-flex--spacer--column: 0;
32645
32645
  }
32646
32646
  @media (min-width: 576px) {
32647
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32648
- --pf-v5-l-flex--RowGap: ;
32649
- --pf-v5-l-flex--ColumnGap: ;
32647
+ .pf-v5-l-flex.pf-m-gap-on-sm {
32648
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32649
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32650
32650
  }
32651
32651
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32652
32652
  --pf-v5-l-flex--RowGap: 0;
@@ -32680,15 +32680,15 @@ label.pf-v5-c-tree-view__node-text {
32680
32680
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32681
32681
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32682
32682
  }
32683
- .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) > * {
32683
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32684
32684
  --pf-v5-l-flex--spacer--row: 0;
32685
32685
  --pf-v5-l-flex--spacer--column: 0;
32686
32686
  }
32687
32687
  }
32688
32688
  @media (min-width: 768px) {
32689
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32690
- --pf-v5-l-flex--RowGap: ;
32691
- --pf-v5-l-flex--ColumnGap: ;
32689
+ .pf-v5-l-flex.pf-m-gap-on-md {
32690
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32691
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32692
32692
  }
32693
32693
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32694
32694
  --pf-v5-l-flex--RowGap: 0;
@@ -32722,15 +32722,15 @@ label.pf-v5-c-tree-view__node-text {
32722
32722
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32723
32723
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32724
32724
  }
32725
- .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) > * {
32725
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32726
32726
  --pf-v5-l-flex--spacer--row: 0;
32727
32727
  --pf-v5-l-flex--spacer--column: 0;
32728
32728
  }
32729
32729
  }
32730
32730
  @media (min-width: 992px) {
32731
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32732
- --pf-v5-l-flex--RowGap: ;
32733
- --pf-v5-l-flex--ColumnGap: ;
32731
+ .pf-v5-l-flex.pf-m-gap-on-lg {
32732
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32733
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32734
32734
  }
32735
32735
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32736
32736
  --pf-v5-l-flex--RowGap: 0;
@@ -32764,15 +32764,15 @@ label.pf-v5-c-tree-view__node-text {
32764
32764
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32765
32765
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32766
32766
  }
32767
- .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) > * {
32767
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32768
32768
  --pf-v5-l-flex--spacer--row: 0;
32769
32769
  --pf-v5-l-flex--spacer--column: 0;
32770
32770
  }
32771
32771
  }
32772
32772
  @media (min-width: 1200px) {
32773
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32774
- --pf-v5-l-flex--RowGap: ;
32775
- --pf-v5-l-flex--ColumnGap: ;
32773
+ .pf-v5-l-flex.pf-m-gap-on-xl {
32774
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32775
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32776
32776
  }
32777
32777
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32778
32778
  --pf-v5-l-flex--RowGap: 0;
@@ -32806,15 +32806,15 @@ label.pf-v5-c-tree-view__node-text {
32806
32806
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32807
32807
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32808
32808
  }
32809
- .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) > * {
32809
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32810
32810
  --pf-v5-l-flex--spacer--row: 0;
32811
32811
  --pf-v5-l-flex--spacer--column: 0;
32812
32812
  }
32813
32813
  }
32814
32814
  @media (min-width: 1450px) {
32815
- .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32816
- --pf-v5-l-flex--RowGap: ;
32817
- --pf-v5-l-flex--ColumnGap: ;
32815
+ .pf-v5-l-flex.pf-m-gap-on-2xl {
32816
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32817
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32818
32818
  }
32819
32819
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32820
32820
  --pf-v5-l-flex--RowGap: 0;
@@ -32848,13 +32848,13 @@ label.pf-v5-c-tree-view__node-text {
32848
32848
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32849
32849
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32850
32850
  }
32851
- .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) > * {
32851
+ .pf-v5-l-flex:is(.pf-m-gap-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) > * {
32852
32852
  --pf-v5-l-flex--spacer--row: 0;
32853
32853
  --pf-v5-l-flex--spacer--column: 0;
32854
32854
  }
32855
32855
  }
32856
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32857
- --pf-v5-l-flex--RowGap: ;
32856
+ .pf-v5-l-flex.pf-m-row-gap {
32857
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32858
32858
  }
32859
32859
  .pf-v5-l-flex.pf-m-row-gap-none {
32860
32860
  --pf-v5-l-flex--RowGap: 0;
@@ -32880,12 +32880,12 @@ label.pf-v5-c-tree-view__node-text {
32880
32880
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32881
32881
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32882
32882
  }
32883
- .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) > * {
32883
+ .pf-v5-l-flex:is(.pf-m-row-gap, .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) > * {
32884
32884
  --pf-v5-l-flex--spacer--row: 0;
32885
32885
  }
32886
32886
  @media (min-width: 576px) {
32887
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32888
- --pf-v5-l-flex--RowGap: ;
32887
+ .pf-v5-l-flex.pf-m-row-gap-on-sm {
32888
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32889
32889
  }
32890
32890
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32891
32891
  --pf-v5-l-flex--RowGap: 0;
@@ -32911,13 +32911,13 @@ label.pf-v5-c-tree-view__node-text {
32911
32911
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
32912
32912
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32913
32913
  }
32914
- .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) > * {
32914
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32915
32915
  --pf-v5-l-flex--spacer--row: 0;
32916
32916
  }
32917
32917
  }
32918
32918
  @media (min-width: 768px) {
32919
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32920
- --pf-v5-l-flex--RowGap: ;
32919
+ .pf-v5-l-flex.pf-m-row-gap-on-md {
32920
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32921
32921
  }
32922
32922
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
32923
32923
  --pf-v5-l-flex--RowGap: 0;
@@ -32943,13 +32943,13 @@ label.pf-v5-c-tree-view__node-text {
32943
32943
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
32944
32944
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32945
32945
  }
32946
- .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) > * {
32946
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32947
32947
  --pf-v5-l-flex--spacer--row: 0;
32948
32948
  }
32949
32949
  }
32950
32950
  @media (min-width: 992px) {
32951
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
32952
- --pf-v5-l-flex--RowGap: ;
32951
+ .pf-v5-l-flex.pf-m-row-gap-on-lg {
32952
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32953
32953
  }
32954
32954
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
32955
32955
  --pf-v5-l-flex--RowGap: 0;
@@ -32975,13 +32975,13 @@ label.pf-v5-c-tree-view__node-text {
32975
32975
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
32976
32976
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32977
32977
  }
32978
- .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) > * {
32978
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
32979
32979
  --pf-v5-l-flex--spacer--row: 0;
32980
32980
  }
32981
32981
  }
32982
32982
  @media (min-width: 1200px) {
32983
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
32984
- --pf-v5-l-flex--RowGap: ;
32983
+ .pf-v5-l-flex.pf-m-row-gap-on-xl {
32984
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32985
32985
  }
32986
32986
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
32987
32987
  --pf-v5-l-flex--RowGap: 0;
@@ -33007,13 +33007,13 @@ label.pf-v5-c-tree-view__node-text {
33007
33007
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
33008
33008
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33009
33009
  }
33010
- .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) > * {
33010
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
33011
33011
  --pf-v5-l-flex--spacer--row: 0;
33012
33012
  }
33013
33013
  }
33014
33014
  @media (min-width: 1450px) {
33015
- .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
33016
- --pf-v5-l-flex--RowGap: ;
33015
+ .pf-v5-l-flex.pf-m-row-gap-on-2xl {
33016
+ --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
33017
33017
  }
33018
33018
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33019
33019
  --pf-v5-l-flex--RowGap: 0;
@@ -33039,12 +33039,12 @@ label.pf-v5-c-tree-view__node-text {
33039
33039
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33040
33040
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33041
33041
  }
33042
- .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) > * {
33042
+ .pf-v5-l-flex:is(.pf-m-row-gap-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) > * {
33043
33043
  --pf-v5-l-flex--spacer--row: 0;
33044
33044
  }
33045
33045
  }
33046
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
33047
- --pf-v5-l-flex--ColumnGap: ;
33046
+ .pf-v5-l-flex.pf-m-column-gap {
33047
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33048
33048
  }
33049
33049
  .pf-v5-l-flex.pf-m-column-gap-none {
33050
33050
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33070,12 +33070,12 @@ label.pf-v5-c-tree-view__node-text {
33070
33070
  .pf-v5-l-flex.pf-m-column-gap-4xl {
33071
33071
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33072
33072
  }
33073
- .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) > * {
33073
+ .pf-v5-l-flex:is(.pf-m-column-gap, .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) > * {
33074
33074
  --pf-v5-l-flex--spacer--column: 0;
33075
33075
  }
33076
33076
  @media (min-width: 576px) {
33077
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
33078
- --pf-v5-l-flex--ColumnGap: ;
33077
+ .pf-v5-l-flex.pf-m-column-gap-on-sm {
33078
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33079
33079
  }
33080
33080
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33081
33081
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33101,13 +33101,13 @@ label.pf-v5-c-tree-view__node-text {
33101
33101
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33102
33102
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33103
33103
  }
33104
- .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) > * {
33104
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33105
33105
  --pf-v5-l-flex--spacer--column: 0;
33106
33106
  }
33107
33107
  }
33108
33108
  @media (min-width: 768px) {
33109
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
33110
- --pf-v5-l-flex--ColumnGap: ;
33109
+ .pf-v5-l-flex.pf-m-column-gap-on-md {
33110
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33111
33111
  }
33112
33112
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33113
33113
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33133,13 +33133,13 @@ label.pf-v5-c-tree-view__node-text {
33133
33133
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33134
33134
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33135
33135
  }
33136
- .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) > * {
33136
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33137
33137
  --pf-v5-l-flex--spacer--column: 0;
33138
33138
  }
33139
33139
  }
33140
33140
  @media (min-width: 992px) {
33141
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33142
- --pf-v5-l-flex--ColumnGap: ;
33141
+ .pf-v5-l-flex.pf-m-column-gap-on-lg {
33142
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33143
33143
  }
33144
33144
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33145
33145
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33165,13 +33165,13 @@ label.pf-v5-c-tree-view__node-text {
33165
33165
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33166
33166
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33167
33167
  }
33168
- .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) > * {
33168
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33169
33169
  --pf-v5-l-flex--spacer--column: 0;
33170
33170
  }
33171
33171
  }
33172
33172
  @media (min-width: 1200px) {
33173
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33174
- --pf-v5-l-flex--ColumnGap: ;
33173
+ .pf-v5-l-flex.pf-m-column-gap-on-xl {
33174
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33175
33175
  }
33176
33176
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33177
33177
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33197,13 +33197,13 @@ label.pf-v5-c-tree-view__node-text {
33197
33197
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33198
33198
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33199
33199
  }
33200
- .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) > * {
33200
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33201
33201
  --pf-v5-l-flex--spacer--column: 0;
33202
33202
  }
33203
33203
  }
33204
33204
  @media (min-width: 1450px) {
33205
- .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33206
- --pf-v5-l-flex--ColumnGap: ;
33205
+ .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33206
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33207
33207
  }
33208
33208
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33209
33209
  --pf-v5-l-flex--ColumnGap: 0;
@@ -33229,7 +33229,7 @@ label.pf-v5-c-tree-view__node-text {
33229
33229
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33230
33230
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33231
33231
  }
33232
- .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) > * {
33232
+ .pf-v5-l-flex:is(.pf-m-column-gap-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) > * {
33233
33233
  --pf-v5-l-flex--spacer--column: 0;
33234
33234
  }
33235
33235
  }