@patternfly/react-styles 6.0.0-alpha.21 → 6.0.0-alpha.22

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Table/table.css +5 -0
  3. package/css/components/Toolbar/toolbar.css +159 -55
  4. package/css/components/_index.css +164 -55
  5. package/package.json +3 -3
package/css/components/Toolbar/toolbar.css CHANGED
@@ -130,13 +130,63 @@
130
130
  }
131
131
  }
132
132
 
133
+ .pf-v6-c-toolbar__content {
134
+ --pf-v6-hidden-visible--visible--Display: grid;
135
+ --pf-v6-hidden-visible--hidden--Display: none;
136
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
137
+ display: var(--pf-v6-hidden-visible--Display);
138
+ }
139
+ .pf-v6-c-toolbar__content.pf-m-hidden {
140
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
141
+ }
142
+ @media screen and (min-width: 576px) {
143
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
144
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
145
+ }
146
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
147
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
148
+ }
149
+ }
150
+ @media screen and (min-width: 768px) {
151
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
152
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
153
+ }
154
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md {
155
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
156
+ }
157
+ }
158
+ @media screen and (min-width: 992px) {
159
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
160
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
161
+ }
162
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
163
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
164
+ }
165
+ }
166
+ @media screen and (min-width: 1200px) {
167
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
168
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
169
+ }
170
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
171
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
172
+ }
173
+ }
174
+ @media screen and (min-width: 1450px) {
175
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
176
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
177
+ }
178
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
179
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
180
+ }
181
+ }
182
+
133
183
  .pf-v6-c-toolbar,
134
184
  .pf-v6-c-toolbar__content {
135
185
  position: relative;
136
- display: grid;
137
186
  }
138
187
 
139
188
  .pf-v6-c-toolbar {
189
+ display: grid;
140
190
  width: var(--pf-v6-c-toolbar--Width, auto);
141
191
  font-size: var(--pf-v6-c-toolbar--FontSize);
142
192
  line-height: var(--pf-v6-c-toolbar--LineHeight);
@@ -472,54 +522,63 @@
472
522
  .pf-v6-c-toolbar__item.pf-m-gap-none,
473
523
  .pf-v6-c-toolbar__content.pf-m-gap-none,
474
524
  .pf-v6-c-toolbar__content-section.pf-m-gap-none {
525
+ row-gap: 0;
475
526
  column-gap: 0;
476
527
  }
477
528
  .pf-v6-c-toolbar__group.pf-m-gap-xs,
478
529
  .pf-v6-c-toolbar__item.pf-m-gap-xs,
479
530
  .pf-v6-c-toolbar__content.pf-m-gap-xs,
480
531
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
532
+ row-gap: var(--pf-t--global--spacer--xs);
481
533
  column-gap: var(--pf-t--global--spacer--xs);
482
534
  }
483
535
  .pf-v6-c-toolbar__group.pf-m-gap-sm,
484
536
  .pf-v6-c-toolbar__item.pf-m-gap-sm,
485
537
  .pf-v6-c-toolbar__content.pf-m-gap-sm,
486
538
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
539
+ row-gap: var(--pf-t--global--spacer--sm);
487
540
  column-gap: var(--pf-t--global--spacer--sm);
488
541
  }
489
542
  .pf-v6-c-toolbar__group.pf-m-gap-md,
490
543
  .pf-v6-c-toolbar__item.pf-m-gap-md,
491
544
  .pf-v6-c-toolbar__content.pf-m-gap-md,
492
545
  .pf-v6-c-toolbar__content-section.pf-m-gap-md {
546
+ row-gap: var(--pf-t--global--spacer--md);
493
547
  column-gap: var(--pf-t--global--spacer--md);
494
548
  }
495
549
  .pf-v6-c-toolbar__group.pf-m-gap-lg,
496
550
  .pf-v6-c-toolbar__item.pf-m-gap-lg,
497
551
  .pf-v6-c-toolbar__content.pf-m-gap-lg,
498
552
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
553
+ row-gap: var(--pf-t--global--spacer--lg);
499
554
  column-gap: var(--pf-t--global--spacer--lg);
500
555
  }
501
556
  .pf-v6-c-toolbar__group.pf-m-gap-xl,
502
557
  .pf-v6-c-toolbar__item.pf-m-gap-xl,
503
558
  .pf-v6-c-toolbar__content.pf-m-gap-xl,
504
559
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
560
+ row-gap: var(--pf-t--global--spacer--xl);
505
561
  column-gap: var(--pf-t--global--spacer--xl);
506
562
  }
507
563
  .pf-v6-c-toolbar__group.pf-m-gap-2xl,
508
564
  .pf-v6-c-toolbar__item.pf-m-gap-2xl,
509
565
  .pf-v6-c-toolbar__content.pf-m-gap-2xl,
510
566
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
567
+ row-gap: var(--pf-t--global--spacer--2xl);
511
568
  column-gap: var(--pf-t--global--spacer--2xl);
512
569
  }
513
570
  .pf-v6-c-toolbar__group.pf-m-gap-3xl,
514
571
  .pf-v6-c-toolbar__item.pf-m-gap-3xl,
515
572
  .pf-v6-c-toolbar__content.pf-m-gap-3xl,
516
573
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
574
+ row-gap: var(--pf-t--global--spacer--3xl);
517
575
  column-gap: var(--pf-t--global--spacer--3xl);
518
576
  }
519
577
  .pf-v6-c-toolbar__group.pf-m-gap-4xl,
520
578
  .pf-v6-c-toolbar__item.pf-m-gap-4xl,
521
579
  .pf-v6-c-toolbar__content.pf-m-gap-4xl,
522
580
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
581
+ row-gap: var(--pf-t--global--spacer--4xl);
523
582
  column-gap: var(--pf-t--global--spacer--4xl);
524
583
  }
525
584
  .pf-v6-c-toolbar__group.pf-m-column-gap-none,
@@ -532,7 +591,7 @@
532
591
  .pf-v6-c-toolbar__item.pf-m-row-gap-none,
533
592
  .pf-v6-c-toolbar__content.pf-m-row-gap-none,
534
593
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
535
- column-gap: 0;
594
+ row-gap: 0;
536
595
  }
537
596
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone,
538
597
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone,
@@ -556,7 +615,7 @@
556
615
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs,
557
616
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs,
558
617
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
559
- column-gap: var(--pf-t--global--spacer--xs);
618
+ row-gap: var(--pf-t--global--spacer--xs);
560
619
  }
561
620
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs,
562
621
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs,
@@ -580,7 +639,7 @@
580
639
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm,
581
640
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm,
582
641
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
583
- column-gap: var(--pf-t--global--spacer--sm);
642
+ row-gap: var(--pf-t--global--spacer--sm);
584
643
  }
585
644
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm,
586
645
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm,
@@ -604,7 +663,7 @@
604
663
  .pf-v6-c-toolbar__item.pf-m-row-gap-md,
605
664
  .pf-v6-c-toolbar__content.pf-m-row-gap-md,
606
665
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
607
- column-gap: var(--pf-t--global--spacer--md);
666
+ row-gap: var(--pf-t--global--spacer--md);
608
667
  }
609
668
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd,
610
669
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd,
@@ -628,7 +687,7 @@
628
687
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg,
629
688
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg,
630
689
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
631
- column-gap: var(--pf-t--global--spacer--lg);
690
+ row-gap: var(--pf-t--global--spacer--lg);
632
691
  }
633
692
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg,
634
693
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg,
@@ -652,7 +711,7 @@
652
711
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl,
653
712
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl,
654
713
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
655
- column-gap: var(--pf-t--global--spacer--xl);
714
+ row-gap: var(--pf-t--global--spacer--xl);
656
715
  }
657
716
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl,
658
717
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl,
@@ -676,7 +735,7 @@
676
735
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
677
736
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl,
678
737
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
679
- column-gap: var(--pf-t--global--spacer--2xl);
738
+ row-gap: var(--pf-t--global--spacer--2xl);
680
739
  }
681
740
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl,
682
741
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl,
@@ -700,7 +759,7 @@
700
759
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
701
760
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl,
702
761
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
703
- column-gap: var(--pf-t--global--spacer--3xl);
762
+ row-gap: var(--pf-t--global--spacer--3xl);
704
763
  }
705
764
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl,
706
765
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl,
@@ -724,7 +783,7 @@
724
783
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
725
784
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl,
726
785
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
727
- column-gap: var(--pf-t--global--spacer--4xl);
786
+ row-gap: var(--pf-t--global--spacer--4xl);
728
787
  }
729
788
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl,
730
789
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl,
@@ -885,54 +944,63 @@
885
944
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
886
945
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
887
946
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
947
+ row-gap: 0;
888
948
  column-gap: 0;
889
949
  }
890
950
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
891
951
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
892
952
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
893
953
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
954
+ row-gap: var(--pf-t--global--spacer--xs);
894
955
  column-gap: var(--pf-t--global--spacer--xs);
895
956
  }
896
957
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
897
958
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
898
959
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
899
960
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
961
+ row-gap: var(--pf-t--global--spacer--sm);
900
962
  column-gap: var(--pf-t--global--spacer--sm);
901
963
  }
902
964
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
903
965
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
904
966
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
905
967
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
968
+ row-gap: var(--pf-t--global--spacer--md);
906
969
  column-gap: var(--pf-t--global--spacer--md);
907
970
  }
908
971
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
909
972
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
910
973
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
911
974
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
975
+ row-gap: var(--pf-t--global--spacer--lg);
912
976
  column-gap: var(--pf-t--global--spacer--lg);
913
977
  }
914
978
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
915
979
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
916
980
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
917
981
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
982
+ row-gap: var(--pf-t--global--spacer--xl);
918
983
  column-gap: var(--pf-t--global--spacer--xl);
919
984
  }
920
985
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
921
986
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
922
987
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
923
988
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
989
+ row-gap: var(--pf-t--global--spacer--2xl);
924
990
  column-gap: var(--pf-t--global--spacer--2xl);
925
991
  }
926
992
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
927
993
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
928
994
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
929
995
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
996
+ row-gap: var(--pf-t--global--spacer--3xl);
930
997
  column-gap: var(--pf-t--global--spacer--3xl);
931
998
  }
932
999
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
933
1000
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
934
1001
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
935
1002
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
1003
+ row-gap: var(--pf-t--global--spacer--4xl);
936
1004
  column-gap: var(--pf-t--global--spacer--4xl);
937
1005
  }
938
1006
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
@@ -945,7 +1013,7 @@
945
1013
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
946
1014
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-sm,
947
1015
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
948
- column-gap: 0;
1016
+ row-gap: 0;
949
1017
  }
950
1018
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
951
1019
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
@@ -969,7 +1037,7 @@
969
1037
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
970
1038
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-sm,
971
1039
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
972
- column-gap: var(--pf-t--global--spacer--xs);
1040
+ row-gap: var(--pf-t--global--spacer--xs);
973
1041
  }
974
1042
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
975
1043
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
@@ -993,7 +1061,7 @@
993
1061
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
994
1062
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-sm,
995
1063
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
996
- column-gap: var(--pf-t--global--spacer--sm);
1064
+ row-gap: var(--pf-t--global--spacer--sm);
997
1065
  }
998
1066
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
999
1067
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
@@ -1017,7 +1085,7 @@
1017
1085
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
1018
1086
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-sm,
1019
1087
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
1020
- column-gap: var(--pf-t--global--spacer--md);
1088
+ row-gap: var(--pf-t--global--spacer--md);
1021
1089
  }
1022
1090
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
1023
1091
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
@@ -1041,7 +1109,7 @@
1041
1109
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
1042
1110
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-sm,
1043
1111
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
1044
- column-gap: var(--pf-t--global--spacer--lg);
1112
+ row-gap: var(--pf-t--global--spacer--lg);
1045
1113
  }
1046
1114
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
1047
1115
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
@@ -1065,7 +1133,7 @@
1065
1133
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
1066
1134
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-sm,
1067
1135
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
1068
- column-gap: var(--pf-t--global--spacer--xl);
1136
+ row-gap: var(--pf-t--global--spacer--xl);
1069
1137
  }
1070
1138
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
1071
1139
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
@@ -1089,7 +1157,7 @@
1089
1157
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
1090
1158
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
1091
1159
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
1092
- column-gap: var(--pf-t--global--spacer--2xl);
1160
+ row-gap: var(--pf-t--global--spacer--2xl);
1093
1161
  }
1094
1162
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
1095
1163
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
@@ -1113,7 +1181,7 @@
1113
1181
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
1114
1182
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
1115
1183
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
1116
- column-gap: var(--pf-t--global--spacer--3xl);
1184
+ row-gap: var(--pf-t--global--spacer--3xl);
1117
1185
  }
1118
1186
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
1119
1187
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
@@ -1137,7 +1205,7 @@
1137
1205
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
1138
1206
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
1139
1207
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
1140
- column-gap: var(--pf-t--global--spacer--4xl);
1208
+ row-gap: var(--pf-t--global--spacer--4xl);
1141
1209
  }
1142
1210
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
1143
1211
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
@@ -1297,54 +1365,63 @@
1297
1365
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
1298
1366
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
1299
1367
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
1368
+ row-gap: 0;
1300
1369
  column-gap: 0;
1301
1370
  }
1302
1371
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
1303
1372
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
1304
1373
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
1305
1374
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
1375
+ row-gap: var(--pf-t--global--spacer--xs);
1306
1376
  column-gap: var(--pf-t--global--spacer--xs);
1307
1377
  }
1308
1378
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
1309
1379
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
1310
1380
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
1311
1381
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
1382
+ row-gap: var(--pf-t--global--spacer--sm);
1312
1383
  column-gap: var(--pf-t--global--spacer--sm);
1313
1384
  }
1314
1385
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
1315
1386
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
1316
1387
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
1317
1388
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
1389
+ row-gap: var(--pf-t--global--spacer--md);
1318
1390
  column-gap: var(--pf-t--global--spacer--md);
1319
1391
  }
1320
1392
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
1321
1393
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
1322
1394
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
1323
1395
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
1396
+ row-gap: var(--pf-t--global--spacer--lg);
1324
1397
  column-gap: var(--pf-t--global--spacer--lg);
1325
1398
  }
1326
1399
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
1327
1400
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
1328
1401
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
1329
1402
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
1403
+ row-gap: var(--pf-t--global--spacer--xl);
1330
1404
  column-gap: var(--pf-t--global--spacer--xl);
1331
1405
  }
1332
1406
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
1333
1407
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
1334
1408
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
1335
1409
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
1410
+ row-gap: var(--pf-t--global--spacer--2xl);
1336
1411
  column-gap: var(--pf-t--global--spacer--2xl);
1337
1412
  }
1338
1413
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
1339
1414
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
1340
1415
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
1341
1416
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
1417
+ row-gap: var(--pf-t--global--spacer--3xl);
1342
1418
  column-gap: var(--pf-t--global--spacer--3xl);
1343
1419
  }
1344
1420
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
1345
1421
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
1346
1422
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
1347
1423
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
1424
+ row-gap: var(--pf-t--global--spacer--4xl);
1348
1425
  column-gap: var(--pf-t--global--spacer--4xl);
1349
1426
  }
1350
1427
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
@@ -1357,7 +1434,7 @@
1357
1434
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
1358
1435
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-md,
1359
1436
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
1360
- column-gap: 0;
1437
+ row-gap: 0;
1361
1438
  }
1362
1439
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
1363
1440
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
@@ -1381,7 +1458,7 @@
1381
1458
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
1382
1459
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-md,
1383
1460
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
1384
- column-gap: var(--pf-t--global--spacer--xs);
1461
+ row-gap: var(--pf-t--global--spacer--xs);
1385
1462
  }
1386
1463
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
1387
1464
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
@@ -1405,7 +1482,7 @@
1405
1482
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
1406
1483
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-md,
1407
1484
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
1408
- column-gap: var(--pf-t--global--spacer--sm);
1485
+ row-gap: var(--pf-t--global--spacer--sm);
1409
1486
  }
1410
1487
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
1411
1488
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
@@ -1429,7 +1506,7 @@
1429
1506
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
1430
1507
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-md,
1431
1508
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
1432
- column-gap: var(--pf-t--global--spacer--md);
1509
+ row-gap: var(--pf-t--global--spacer--md);
1433
1510
  }
1434
1511
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
1435
1512
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
@@ -1453,7 +1530,7 @@
1453
1530
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
1454
1531
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-md,
1455
1532
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
1456
- column-gap: var(--pf-t--global--spacer--lg);
1533
+ row-gap: var(--pf-t--global--spacer--lg);
1457
1534
  }
1458
1535
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
1459
1536
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
@@ -1477,7 +1554,7 @@
1477
1554
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
1478
1555
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-md,
1479
1556
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
1480
- column-gap: var(--pf-t--global--spacer--xl);
1557
+ row-gap: var(--pf-t--global--spacer--xl);
1481
1558
  }
1482
1559
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
1483
1560
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
@@ -1501,7 +1578,7 @@
1501
1578
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
1502
1579
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-md,
1503
1580
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
1504
- column-gap: var(--pf-t--global--spacer--2xl);
1581
+ row-gap: var(--pf-t--global--spacer--2xl);
1505
1582
  }
1506
1583
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
1507
1584
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
@@ -1525,7 +1602,7 @@
1525
1602
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
1526
1603
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-md,
1527
1604
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
1528
- column-gap: var(--pf-t--global--spacer--3xl);
1605
+ row-gap: var(--pf-t--global--spacer--3xl);
1529
1606
  }
1530
1607
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
1531
1608
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
@@ -1549,7 +1626,7 @@
1549
1626
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
1550
1627
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-md,
1551
1628
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
1552
- column-gap: var(--pf-t--global--spacer--4xl);
1629
+ row-gap: var(--pf-t--global--spacer--4xl);
1553
1630
  }
1554
1631
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
1555
1632
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
@@ -1709,54 +1786,63 @@
1709
1786
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
1710
1787
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
1711
1788
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
1789
+ row-gap: 0;
1712
1790
  column-gap: 0;
1713
1791
  }
1714
1792
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
1715
1793
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
1716
1794
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
1717
1795
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
1796
+ row-gap: var(--pf-t--global--spacer--xs);
1718
1797
  column-gap: var(--pf-t--global--spacer--xs);
1719
1798
  }
1720
1799
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
1721
1800
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
1722
1801
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
1723
1802
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
1803
+ row-gap: var(--pf-t--global--spacer--sm);
1724
1804
  column-gap: var(--pf-t--global--spacer--sm);
1725
1805
  }
1726
1806
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
1727
1807
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
1728
1808
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
1729
1809
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
1810
+ row-gap: var(--pf-t--global--spacer--md);
1730
1811
  column-gap: var(--pf-t--global--spacer--md);
1731
1812
  }
1732
1813
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
1733
1814
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
1734
1815
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
1735
1816
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
1817
+ row-gap: var(--pf-t--global--spacer--lg);
1736
1818
  column-gap: var(--pf-t--global--spacer--lg);
1737
1819
  }
1738
1820
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
1739
1821
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
1740
1822
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
1741
1823
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
1824
+ row-gap: var(--pf-t--global--spacer--xl);
1742
1825
  column-gap: var(--pf-t--global--spacer--xl);
1743
1826
  }
1744
1827
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
1745
1828
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
1746
1829
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
1747
1830
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
1831
+ row-gap: var(--pf-t--global--spacer--2xl);
1748
1832
  column-gap: var(--pf-t--global--spacer--2xl);
1749
1833
  }
1750
1834
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
1751
1835
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
1752
1836
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
1753
1837
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
1838
+ row-gap: var(--pf-t--global--spacer--3xl);
1754
1839
  column-gap: var(--pf-t--global--spacer--3xl);
1755
1840
  }
1756
1841
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
1757
1842
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
1758
1843
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
1759
1844
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
1845
+ row-gap: var(--pf-t--global--spacer--4xl);
1760
1846
  column-gap: var(--pf-t--global--spacer--4xl);
1761
1847
  }
1762
1848
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
@@ -1769,7 +1855,7 @@
1769
1855
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
1770
1856
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-lg,
1771
1857
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
1772
- column-gap: 0;
1858
+ row-gap: 0;
1773
1859
  }
1774
1860
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
1775
1861
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
@@ -1793,7 +1879,7 @@
1793
1879
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
1794
1880
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-lg,
1795
1881
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
1796
- column-gap: var(--pf-t--global--spacer--xs);
1882
+ row-gap: var(--pf-t--global--spacer--xs);
1797
1883
  }
1798
1884
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
1799
1885
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
@@ -1817,7 +1903,7 @@
1817
1903
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
1818
1904
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-lg,
1819
1905
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
1820
- column-gap: var(--pf-t--global--spacer--sm);
1906
+ row-gap: var(--pf-t--global--spacer--sm);
1821
1907
  }
1822
1908
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
1823
1909
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
@@ -1841,7 +1927,7 @@
1841
1927
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
1842
1928
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-lg,
1843
1929
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
1844
- column-gap: var(--pf-t--global--spacer--md);
1930
+ row-gap: var(--pf-t--global--spacer--md);
1845
1931
  }
1846
1932
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
1847
1933
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
@@ -1865,7 +1951,7 @@
1865
1951
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
1866
1952
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-lg,
1867
1953
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
1868
- column-gap: var(--pf-t--global--spacer--lg);
1954
+ row-gap: var(--pf-t--global--spacer--lg);
1869
1955
  }
1870
1956
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
1871
1957
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
@@ -1889,7 +1975,7 @@
1889
1975
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
1890
1976
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-lg,
1891
1977
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
1892
- column-gap: var(--pf-t--global--spacer--xl);
1978
+ row-gap: var(--pf-t--global--spacer--xl);
1893
1979
  }
1894
1980
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
1895
1981
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
@@ -1913,7 +1999,7 @@
1913
1999
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
1914
2000
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
1915
2001
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
1916
- column-gap: var(--pf-t--global--spacer--2xl);
2002
+ row-gap: var(--pf-t--global--spacer--2xl);
1917
2003
  }
1918
2004
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
1919
2005
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
@@ -1937,7 +2023,7 @@
1937
2023
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
1938
2024
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
1939
2025
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
1940
- column-gap: var(--pf-t--global--spacer--3xl);
2026
+ row-gap: var(--pf-t--global--spacer--3xl);
1941
2027
  }
1942
2028
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
1943
2029
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
@@ -1961,7 +2047,7 @@
1961
2047
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
1962
2048
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
1963
2049
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
1964
- column-gap: var(--pf-t--global--spacer--4xl);
2050
+ row-gap: var(--pf-t--global--spacer--4xl);
1965
2051
  }
1966
2052
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
1967
2053
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
@@ -2121,54 +2207,63 @@
2121
2207
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
2122
2208
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
2123
2209
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
2210
+ row-gap: 0;
2124
2211
  column-gap: 0;
2125
2212
  }
2126
2213
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
2127
2214
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
2128
2215
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
2129
2216
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
2217
+ row-gap: var(--pf-t--global--spacer--xs);
2130
2218
  column-gap: var(--pf-t--global--spacer--xs);
2131
2219
  }
2132
2220
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
2133
2221
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
2134
2222
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
2135
2223
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
2224
+ row-gap: var(--pf-t--global--spacer--sm);
2136
2225
  column-gap: var(--pf-t--global--spacer--sm);
2137
2226
  }
2138
2227
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
2139
2228
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
2140
2229
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
2141
2230
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
2231
+ row-gap: var(--pf-t--global--spacer--md);
2142
2232
  column-gap: var(--pf-t--global--spacer--md);
2143
2233
  }
2144
2234
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
2145
2235
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
2146
2236
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
2147
2237
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
2238
+ row-gap: var(--pf-t--global--spacer--lg);
2148
2239
  column-gap: var(--pf-t--global--spacer--lg);
2149
2240
  }
2150
2241
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
2151
2242
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
2152
2243
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
2153
2244
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
2245
+ row-gap: var(--pf-t--global--spacer--xl);
2154
2246
  column-gap: var(--pf-t--global--spacer--xl);
2155
2247
  }
2156
2248
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
2157
2249
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
2158
2250
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
2159
2251
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
2252
+ row-gap: var(--pf-t--global--spacer--2xl);
2160
2253
  column-gap: var(--pf-t--global--spacer--2xl);
2161
2254
  }
2162
2255
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
2163
2256
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
2164
2257
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
2165
2258
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
2259
+ row-gap: var(--pf-t--global--spacer--3xl);
2166
2260
  column-gap: var(--pf-t--global--spacer--3xl);
2167
2261
  }
2168
2262
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
2169
2263
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
2170
2264
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
2171
2265
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
2266
+ row-gap: var(--pf-t--global--spacer--4xl);
2172
2267
  column-gap: var(--pf-t--global--spacer--4xl);
2173
2268
  }
2174
2269
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
@@ -2181,7 +2276,7 @@
2181
2276
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
2182
2277
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-xl,
2183
2278
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
2184
- column-gap: 0;
2279
+ row-gap: 0;
2185
2280
  }
2186
2281
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
2187
2282
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
@@ -2205,7 +2300,7 @@
2205
2300
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
2206
2301
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-xl,
2207
2302
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
2208
- column-gap: var(--pf-t--global--spacer--xs);
2303
+ row-gap: var(--pf-t--global--spacer--xs);
2209
2304
  }
2210
2305
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
2211
2306
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
@@ -2229,7 +2324,7 @@
2229
2324
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
2230
2325
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-xl,
2231
2326
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
2232
- column-gap: var(--pf-t--global--spacer--sm);
2327
+ row-gap: var(--pf-t--global--spacer--sm);
2233
2328
  }
2234
2329
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
2235
2330
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
@@ -2253,7 +2348,7 @@
2253
2348
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
2254
2349
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-xl,
2255
2350
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
2256
- column-gap: var(--pf-t--global--spacer--md);
2351
+ row-gap: var(--pf-t--global--spacer--md);
2257
2352
  }
2258
2353
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
2259
2354
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
@@ -2277,7 +2372,7 @@
2277
2372
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
2278
2373
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-xl,
2279
2374
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
2280
- column-gap: var(--pf-t--global--spacer--lg);
2375
+ row-gap: var(--pf-t--global--spacer--lg);
2281
2376
  }
2282
2377
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
2283
2378
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
@@ -2301,7 +2396,7 @@
2301
2396
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
2302
2397
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-xl,
2303
2398
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
2304
- column-gap: var(--pf-t--global--spacer--xl);
2399
+ row-gap: var(--pf-t--global--spacer--xl);
2305
2400
  }
2306
2401
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
2307
2402
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
@@ -2325,7 +2420,7 @@
2325
2420
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
2326
2421
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
2327
2422
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
2328
- column-gap: var(--pf-t--global--spacer--2xl);
2423
+ row-gap: var(--pf-t--global--spacer--2xl);
2329
2424
  }
2330
2425
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
2331
2426
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
@@ -2349,7 +2444,7 @@
2349
2444
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
2350
2445
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
2351
2446
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
2352
- column-gap: var(--pf-t--global--spacer--3xl);
2447
+ row-gap: var(--pf-t--global--spacer--3xl);
2353
2448
  }
2354
2449
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
2355
2450
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
@@ -2373,7 +2468,7 @@
2373
2468
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
2374
2469
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
2375
2470
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
2376
- column-gap: var(--pf-t--global--spacer--4xl);
2471
+ row-gap: var(--pf-t--global--spacer--4xl);
2377
2472
  }
2378
2473
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
2379
2474
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
@@ -2533,54 +2628,63 @@
2533
2628
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
2534
2629
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
2535
2630
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
2631
+ row-gap: 0;
2536
2632
  column-gap: 0;
2537
2633
  }
2538
2634
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
2539
2635
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
2540
2636
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
2541
2637
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
2638
+ row-gap: var(--pf-t--global--spacer--xs);
2542
2639
  column-gap: var(--pf-t--global--spacer--xs);
2543
2640
  }
2544
2641
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
2545
2642
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
2546
2643
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
2547
2644
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
2645
+ row-gap: var(--pf-t--global--spacer--sm);
2548
2646
  column-gap: var(--pf-t--global--spacer--sm);
2549
2647
  }
2550
2648
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
2551
2649
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
2552
2650
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
2553
2651
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
2652
+ row-gap: var(--pf-t--global--spacer--md);
2554
2653
  column-gap: var(--pf-t--global--spacer--md);
2555
2654
  }
2556
2655
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
2557
2656
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
2558
2657
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
2559
2658
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
2659
+ row-gap: var(--pf-t--global--spacer--lg);
2560
2660
  column-gap: var(--pf-t--global--spacer--lg);
2561
2661
  }
2562
2662
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
2563
2663
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
2564
2664
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
2565
2665
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
2666
+ row-gap: var(--pf-t--global--spacer--xl);
2566
2667
  column-gap: var(--pf-t--global--spacer--xl);
2567
2668
  }
2568
2669
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
2569
2670
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
2570
2671
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
2571
2672
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
2673
+ row-gap: var(--pf-t--global--spacer--2xl);
2572
2674
  column-gap: var(--pf-t--global--spacer--2xl);
2573
2675
  }
2574
2676
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
2575
2677
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
2576
2678
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
2577
2679
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
2680
+ row-gap: var(--pf-t--global--spacer--3xl);
2578
2681
  column-gap: var(--pf-t--global--spacer--3xl);
2579
2682
  }
2580
2683
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
2581
2684
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
2582
2685
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
2583
2686
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
2687
+ row-gap: var(--pf-t--global--spacer--4xl);
2584
2688
  column-gap: var(--pf-t--global--spacer--4xl);
2585
2689
  }
2586
2690
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
@@ -2593,7 +2697,7 @@
2593
2697
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
2594
2698
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-2xl,
2595
2699
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
2596
- column-gap: 0;
2700
+ row-gap: 0;
2597
2701
  }
2598
2702
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
2599
2703
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
@@ -2617,7 +2721,7 @@
2617
2721
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
2618
2722
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
2619
2723
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
2620
- column-gap: var(--pf-t--global--spacer--xs);
2724
+ row-gap: var(--pf-t--global--spacer--xs);
2621
2725
  }
2622
2726
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
2623
2727
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
@@ -2641,7 +2745,7 @@
2641
2745
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
2642
2746
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
2643
2747
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
2644
- column-gap: var(--pf-t--global--spacer--sm);
2748
+ row-gap: var(--pf-t--global--spacer--sm);
2645
2749
  }
2646
2750
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
2647
2751
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
@@ -2665,7 +2769,7 @@
2665
2769
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
2666
2770
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-2xl,
2667
2771
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
2668
- column-gap: var(--pf-t--global--spacer--md);
2772
+ row-gap: var(--pf-t--global--spacer--md);
2669
2773
  }
2670
2774
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
2671
2775
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
@@ -2689,7 +2793,7 @@
2689
2793
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
2690
2794
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
2691
2795
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
2692
- column-gap: var(--pf-t--global--spacer--lg);
2796
+ row-gap: var(--pf-t--global--spacer--lg);
2693
2797
  }
2694
2798
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
2695
2799
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
@@ -2713,7 +2817,7 @@
2713
2817
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
2714
2818
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
2715
2819
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
2716
- column-gap: var(--pf-t--global--spacer--xl);
2820
+ row-gap: var(--pf-t--global--spacer--xl);
2717
2821
  }
2718
2822
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
2719
2823
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
@@ -2737,7 +2841,7 @@
2737
2841
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
2738
2842
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
2739
2843
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
2740
- column-gap: var(--pf-t--global--spacer--2xl);
2844
+ row-gap: var(--pf-t--global--spacer--2xl);
2741
2845
  }
2742
2846
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
2743
2847
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
@@ -2761,7 +2865,7 @@
2761
2865
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
2762
2866
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
2763
2867
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
2764
- column-gap: var(--pf-t--global--spacer--3xl);
2868
+ row-gap: var(--pf-t--global--spacer--3xl);
2765
2869
  }
2766
2870
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
2767
2871
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
@@ -2785,7 +2889,7 @@
2785
2889
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
2786
2890
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
2787
2891
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
2788
- column-gap: var(--pf-t--global--spacer--4xl);
2892
+ row-gap: var(--pf-t--global--spacer--4xl);
2789
2893
  }
2790
2894
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
2791
2895
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,