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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/CHANGELOG.md +10 -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/dist/esm/index.js.map +1 -1
  6. package/dist/js/index.js.map +1 -1
  7. package/package.json +4 -6
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,