@patternfly/patternfly 5.0.0-alpha.62 → 5.0.0-alpha.64

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 (13) hide show
  1. package/docs/components/Banner/examples/Banner.md +1 -1
  2. package/docs/components/CalendarMonth/examples/CalendarMonth.md +1 -1
  3. package/docs/components/Card/examples/Card.md +3 -3
  4. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  5. package/docs/components/Popover/examples/Popover.md +1 -1
  6. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  7. package/layouts/Flex/flex.css +78 -18
  8. package/layouts/Flex/flex.scss +1 -1
  9. package/package.json +1 -1
  10. package/patternfly-no-globals.css +78 -18
  11. package/patternfly.css +78 -18
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -32710,6 +32710,10 @@ label.pf-v5-c-tree-view__node-text {
32710
32710
  --pf-v5-l-flex--RowGap: 0;
32711
32711
  --pf-v5-l-flex--ColumnGap: 0;
32712
32712
  }
32713
+ .pf-v5-l-flex.pf-m-gap-xs {
32714
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32715
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32716
+ }
32713
32717
  .pf-v5-l-flex.pf-m-gap-sm {
32714
32718
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32715
32719
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32738,7 +32742,7 @@ label.pf-v5-c-tree-view__node-text {
32738
32742
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32739
32743
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32740
32744
  }
32741
- .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) > * {
32745
+ .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) > * {
32742
32746
  --pf-v5-l-flex--spacer--row: 0;
32743
32747
  --pf-v5-l-flex--spacer--column: 0;
32744
32748
  }
@@ -32751,6 +32755,10 @@ label.pf-v5-c-tree-view__node-text {
32751
32755
  --pf-v5-l-flex--RowGap: 0;
32752
32756
  --pf-v5-l-flex--ColumnGap: 0;
32753
32757
  }
32758
+ .pf-v5-l-flex.pf-m-gap-xs-on-sm {
32759
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32760
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32761
+ }
32754
32762
  .pf-v5-l-flex.pf-m-gap-sm-on-sm {
32755
32763
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32756
32764
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32779,7 +32787,7 @@ label.pf-v5-c-tree-view__node-text {
32779
32787
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32780
32788
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32781
32789
  }
32782
- .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) > * {
32790
+ .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) > * {
32783
32791
  --pf-v5-l-flex--spacer--row: 0;
32784
32792
  --pf-v5-l-flex--spacer--column: 0;
32785
32793
  }
@@ -32793,6 +32801,10 @@ label.pf-v5-c-tree-view__node-text {
32793
32801
  --pf-v5-l-flex--RowGap: 0;
32794
32802
  --pf-v5-l-flex--ColumnGap: 0;
32795
32803
  }
32804
+ .pf-v5-l-flex.pf-m-gap-xs-on-md {
32805
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32806
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32807
+ }
32796
32808
  .pf-v5-l-flex.pf-m-gap-sm-on-md {
32797
32809
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32798
32810
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32821,7 +32833,7 @@ label.pf-v5-c-tree-view__node-text {
32821
32833
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32822
32834
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32823
32835
  }
32824
- .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) > * {
32836
+ .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) > * {
32825
32837
  --pf-v5-l-flex--spacer--row: 0;
32826
32838
  --pf-v5-l-flex--spacer--column: 0;
32827
32839
  }
@@ -32835,6 +32847,10 @@ label.pf-v5-c-tree-view__node-text {
32835
32847
  --pf-v5-l-flex--RowGap: 0;
32836
32848
  --pf-v5-l-flex--ColumnGap: 0;
32837
32849
  }
32850
+ .pf-v5-l-flex.pf-m-gap-xs-on-lg {
32851
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32852
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32853
+ }
32838
32854
  .pf-v5-l-flex.pf-m-gap-sm-on-lg {
32839
32855
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32840
32856
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32863,7 +32879,7 @@ label.pf-v5-c-tree-view__node-text {
32863
32879
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32864
32880
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32865
32881
  }
32866
- .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) > * {
32882
+ .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) > * {
32867
32883
  --pf-v5-l-flex--spacer--row: 0;
32868
32884
  --pf-v5-l-flex--spacer--column: 0;
32869
32885
  }
@@ -32877,6 +32893,10 @@ label.pf-v5-c-tree-view__node-text {
32877
32893
  --pf-v5-l-flex--RowGap: 0;
32878
32894
  --pf-v5-l-flex--ColumnGap: 0;
32879
32895
  }
32896
+ .pf-v5-l-flex.pf-m-gap-xs-on-xl {
32897
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32898
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32899
+ }
32880
32900
  .pf-v5-l-flex.pf-m-gap-sm-on-xl {
32881
32901
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32882
32902
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32905,7 +32925,7 @@ label.pf-v5-c-tree-view__node-text {
32905
32925
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32906
32926
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32907
32927
  }
32908
- .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) > * {
32928
+ .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) > * {
32909
32929
  --pf-v5-l-flex--spacer--row: 0;
32910
32930
  --pf-v5-l-flex--spacer--column: 0;
32911
32931
  }
@@ -32919,6 +32939,10 @@ label.pf-v5-c-tree-view__node-text {
32919
32939
  --pf-v5-l-flex--RowGap: 0;
32920
32940
  --pf-v5-l-flex--ColumnGap: 0;
32921
32941
  }
32942
+ .pf-v5-l-flex.pf-m-gap-xs-on-2xl {
32943
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32944
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32945
+ }
32922
32946
  .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
32923
32947
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32924
32948
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32947,7 +32971,7 @@ label.pf-v5-c-tree-view__node-text {
32947
32971
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32948
32972
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32949
32973
  }
32950
- .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) > * {
32974
+ .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) > * {
32951
32975
  --pf-v5-l-flex--spacer--row: 0;
32952
32976
  --pf-v5-l-flex--spacer--column: 0;
32953
32977
  }
@@ -32958,6 +32982,9 @@ label.pf-v5-c-tree-view__node-text {
32958
32982
  .pf-v5-l-flex.pf-m-row-gap-none {
32959
32983
  --pf-v5-l-flex--RowGap: 0;
32960
32984
  }
32985
+ .pf-v5-l-flex.pf-m-row-gap-xs {
32986
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32987
+ }
32961
32988
  .pf-v5-l-flex.pf-m-row-gap-sm {
32962
32989
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32963
32990
  }
@@ -32979,7 +33006,7 @@ label.pf-v5-c-tree-view__node-text {
32979
33006
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32980
33007
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32981
33008
  }
32982
- .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) > * {
33009
+ .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) > * {
32983
33010
  --pf-v5-l-flex--spacer--row: 0;
32984
33011
  }
32985
33012
  @media (min-width: 576px) {
@@ -32989,6 +33016,9 @@ label.pf-v5-c-tree-view__node-text {
32989
33016
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32990
33017
  --pf-v5-l-flex--RowGap: 0;
32991
33018
  }
33019
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-sm {
33020
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33021
+ }
32992
33022
  .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
32993
33023
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32994
33024
  }
@@ -33010,7 +33040,7 @@ label.pf-v5-c-tree-view__node-text {
33010
33040
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
33011
33041
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33012
33042
  }
33013
- .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) > * {
33043
+ .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) > * {
33014
33044
  --pf-v5-l-flex--spacer--row: 0;
33015
33045
  }
33016
33046
  }
@@ -33021,6 +33051,9 @@ label.pf-v5-c-tree-view__node-text {
33021
33051
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
33022
33052
  --pf-v5-l-flex--RowGap: 0;
33023
33053
  }
33054
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-md {
33055
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33056
+ }
33024
33057
  .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
33025
33058
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33026
33059
  }
@@ -33042,7 +33075,7 @@ label.pf-v5-c-tree-view__node-text {
33042
33075
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
33043
33076
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33044
33077
  }
33045
- .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) > * {
33078
+ .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) > * {
33046
33079
  --pf-v5-l-flex--spacer--row: 0;
33047
33080
  }
33048
33081
  }
@@ -33053,6 +33086,9 @@ label.pf-v5-c-tree-view__node-text {
33053
33086
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
33054
33087
  --pf-v5-l-flex--RowGap: 0;
33055
33088
  }
33089
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-lg {
33090
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33091
+ }
33056
33092
  .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
33057
33093
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33058
33094
  }
@@ -33074,7 +33110,7 @@ label.pf-v5-c-tree-view__node-text {
33074
33110
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
33075
33111
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33076
33112
  }
33077
- .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) > * {
33113
+ .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) > * {
33078
33114
  --pf-v5-l-flex--spacer--row: 0;
33079
33115
  }
33080
33116
  }
@@ -33085,6 +33121,9 @@ label.pf-v5-c-tree-view__node-text {
33085
33121
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
33086
33122
  --pf-v5-l-flex--RowGap: 0;
33087
33123
  }
33124
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-xl {
33125
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33126
+ }
33088
33127
  .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
33089
33128
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33090
33129
  }
@@ -33106,7 +33145,7 @@ label.pf-v5-c-tree-view__node-text {
33106
33145
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
33107
33146
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33108
33147
  }
33109
- .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) > * {
33148
+ .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) > * {
33110
33149
  --pf-v5-l-flex--spacer--row: 0;
33111
33150
  }
33112
33151
  }
@@ -33117,6 +33156,9 @@ label.pf-v5-c-tree-view__node-text {
33117
33156
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33118
33157
  --pf-v5-l-flex--RowGap: 0;
33119
33158
  }
33159
+ .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl {
33160
+ --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33161
+ }
33120
33162
  .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
33121
33163
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33122
33164
  }
@@ -33138,7 +33180,7 @@ label.pf-v5-c-tree-view__node-text {
33138
33180
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33139
33181
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33140
33182
  }
33141
- .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) > * {
33183
+ .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) > * {
33142
33184
  --pf-v5-l-flex--spacer--row: 0;
33143
33185
  }
33144
33186
  }
@@ -33148,6 +33190,9 @@ label.pf-v5-c-tree-view__node-text {
33148
33190
  .pf-v5-l-flex.pf-m-column-gap-none {
33149
33191
  --pf-v5-l-flex--ColumnGap: 0;
33150
33192
  }
33193
+ .pf-v5-l-flex.pf-m-column-gap-xs {
33194
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33195
+ }
33151
33196
  .pf-v5-l-flex.pf-m-column-gap-sm {
33152
33197
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33153
33198
  }
@@ -33169,7 +33214,7 @@ label.pf-v5-c-tree-view__node-text {
33169
33214
  .pf-v5-l-flex.pf-m-column-gap-4xl {
33170
33215
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33171
33216
  }
33172
- .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) > * {
33217
+ .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) > * {
33173
33218
  --pf-v5-l-flex--spacer--column: 0;
33174
33219
  }
33175
33220
  @media (min-width: 576px) {
@@ -33179,6 +33224,9 @@ label.pf-v5-c-tree-view__node-text {
33179
33224
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33180
33225
  --pf-v5-l-flex--ColumnGap: 0;
33181
33226
  }
33227
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-sm {
33228
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33229
+ }
33182
33230
  .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
33183
33231
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33184
33232
  }
@@ -33200,7 +33248,7 @@ label.pf-v5-c-tree-view__node-text {
33200
33248
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33201
33249
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33202
33250
  }
33203
- .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) > * {
33251
+ .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) > * {
33204
33252
  --pf-v5-l-flex--spacer--column: 0;
33205
33253
  }
33206
33254
  }
@@ -33211,6 +33259,9 @@ label.pf-v5-c-tree-view__node-text {
33211
33259
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33212
33260
  --pf-v5-l-flex--ColumnGap: 0;
33213
33261
  }
33262
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-md {
33263
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33264
+ }
33214
33265
  .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
33215
33266
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33216
33267
  }
@@ -33232,7 +33283,7 @@ label.pf-v5-c-tree-view__node-text {
33232
33283
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33233
33284
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33234
33285
  }
33235
- .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) > * {
33286
+ .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) > * {
33236
33287
  --pf-v5-l-flex--spacer--column: 0;
33237
33288
  }
33238
33289
  }
@@ -33243,6 +33294,9 @@ label.pf-v5-c-tree-view__node-text {
33243
33294
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33244
33295
  --pf-v5-l-flex--ColumnGap: 0;
33245
33296
  }
33297
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-lg {
33298
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33299
+ }
33246
33300
  .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
33247
33301
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33248
33302
  }
@@ -33264,7 +33318,7 @@ label.pf-v5-c-tree-view__node-text {
33264
33318
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33265
33319
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33266
33320
  }
33267
- .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) > * {
33321
+ .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) > * {
33268
33322
  --pf-v5-l-flex--spacer--column: 0;
33269
33323
  }
33270
33324
  }
@@ -33275,6 +33329,9 @@ label.pf-v5-c-tree-view__node-text {
33275
33329
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33276
33330
  --pf-v5-l-flex--ColumnGap: 0;
33277
33331
  }
33332
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-xl {
33333
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33334
+ }
33278
33335
  .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
33279
33336
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33280
33337
  }
@@ -33296,7 +33353,7 @@ label.pf-v5-c-tree-view__node-text {
33296
33353
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33297
33354
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33298
33355
  }
33299
- .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) > * {
33356
+ .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) > * {
33300
33357
  --pf-v5-l-flex--spacer--column: 0;
33301
33358
  }
33302
33359
  }
@@ -33307,6 +33364,9 @@ label.pf-v5-c-tree-view__node-text {
33307
33364
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33308
33365
  --pf-v5-l-flex--ColumnGap: 0;
33309
33366
  }
33367
+ .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
33368
+ --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33369
+ }
33310
33370
  .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
33311
33371
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33312
33372
  }
@@ -33328,7 +33388,7 @@ label.pf-v5-c-tree-view__node-text {
33328
33388
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33329
33389
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33330
33390
  }
33331
- .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) > * {
33391
+ .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) > * {
33332
33392
  --pf-v5-l-flex--spacer--column: 0;
33333
33393
  }
33334
33394
  }