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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (205) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +64 -64
  3. package/css/components/Accordion/accordion.css +40 -40
  4. package/css/components/ActionList/action-list.css +1 -1
  5. package/css/components/Alert/alert-group.css +15 -15
  6. package/css/components/Alert/alert.css +47 -47
  7. package/css/components/Avatar/avatar.css +1 -1
  8. package/css/components/BackToTop/back-to-top.css +16 -16
  9. package/css/components/Backdrop/backdrop.css +1 -2
  10. package/css/components/BackgroundImage/background-image.css +1 -2
  11. package/css/components/Badge/badge.css +7 -7
  12. package/css/components/Banner/banner.css +14 -14
  13. package/css/components/Breadcrumb/breadcrumb.css +16 -17
  14. package/css/components/Breadcrumb/breadcrumb.d.ts +1 -1
  15. package/css/components/Breadcrumb/breadcrumb.js +1 -1
  16. package/css/components/Breadcrumb/breadcrumb.mjs +1 -1
  17. package/css/components/Button/button.css +94 -95
  18. package/css/components/CalendarMonth/calendar-month.css +43 -44
  19. package/css/components/Card/card.css +60 -61
  20. package/css/components/Check/check.css +3 -4
  21. package/css/components/ClipboardCopy/clipboard-copy.css +37 -38
  22. package/css/components/CodeBlock/code-block.css +20 -20
  23. package/css/components/CodeEditor/code-editor.css +34 -34
  24. package/css/components/Content/content.css +155 -130
  25. package/css/components/Content/content.d.ts +19 -0
  26. package/css/components/Content/content.js +19 -0
  27. package/css/components/Content/content.mjs +19 -0
  28. package/css/components/DataList/data-list-grid.css +98 -98
  29. package/css/components/DataList/data-list.css +282 -285
  30. package/css/components/DataList/data-list.d.ts +11 -11
  31. package/css/components/DataList/data-list.js +11 -11
  32. package/css/components/DataList/data-list.mjs +11 -11
  33. package/css/components/DatePicker/date-picker.css +15 -16
  34. package/css/components/DescriptionList/description-list.css +13 -13
  35. package/css/components/Divider/divider.css +27 -31
  36. package/css/components/DragDrop/drag-drop.css +2 -2
  37. package/css/components/Drawer/drawer.css +87 -90
  38. package/css/components/DualListSelector/dual-list-selector.css +60 -59
  39. package/css/components/EmptyState/empty-state.css +33 -33
  40. package/css/components/ExpandableSection/expandable-section.css +49 -49
  41. package/css/components/FileUpload/file-upload.css +1 -2
  42. package/css/components/Form/form.css +107 -108
  43. package/css/components/FormControl/form-control.css +45 -46
  44. package/css/components/HelperText/helper-text.css +3 -3
  45. package/css/components/Hint/hint.css +19 -18
  46. package/css/components/Hint/hint.d.ts +1 -2
  47. package/css/components/Hint/hint.js +1 -2
  48. package/css/components/Hint/hint.mjs +1 -2
  49. package/css/components/Icon/icon.css +1 -2
  50. package/css/components/InlineEdit/inline-edit.css +11 -12
  51. package/css/components/InputGroup/input-group.css +17 -18
  52. package/css/components/JumpLinks/jump-links.css +76 -77
  53. package/css/components/Label/label-group.css +27 -28
  54. package/css/components/Label/label.css +31 -32
  55. package/css/components/List/list.css +27 -27
  56. package/css/components/LogViewer/log-viewer.css +53 -77
  57. package/css/components/LogViewer/log-viewer.d.ts +0 -2
  58. package/css/components/LogViewer/log-viewer.js +0 -2
  59. package/css/components/LogViewer/log-viewer.mjs +0 -2
  60. package/css/components/Login/login.css +99 -104
  61. package/css/components/Login/login.d.ts +1 -1
  62. package/css/components/Login/login.js +1 -1
  63. package/css/components/Login/login.mjs +1 -1
  64. package/css/components/Masthead/masthead.css +1 -2
  65. package/css/components/Menu/menu.css +128 -84
  66. package/css/components/MenuToggle/menu-toggle.css +59 -60
  67. package/css/components/ModalBox/modal-box.css +41 -41
  68. package/css/components/MultipleFileUpload/multiple-file-upload.css +33 -34
  69. package/css/components/Nav/nav.css +1 -2
  70. package/css/components/NotificationBadge/notification-badge.css +17 -17
  71. package/css/components/NotificationDrawer/notification-drawer.css +42 -43
  72. package/css/components/NumberInput/number-input.css +8 -12
  73. package/css/components/OverflowMenu/overflow-menu.css +1 -1
  74. package/css/components/Page/page.css +146 -365
  75. package/css/components/Page/page.d.ts +0 -25
  76. package/css/components/Page/page.js +0 -25
  77. package/css/components/Page/page.mjs +0 -25
  78. package/css/components/Pagination/pagination.css +35 -38
  79. package/css/components/Panel/panel.css +25 -26
  80. package/css/components/Popover/popover.css +48 -48
  81. package/css/components/Progress/progress.css +5 -6
  82. package/css/components/ProgressStepper/progress-stepper.css +227 -229
  83. package/css/components/Radio/radio.css +7 -8
  84. package/css/components/Sidebar/sidebar.css +45 -46
  85. package/css/components/SimpleList/simple-list.css +19 -19
  86. package/css/components/Skeleton/skeleton.css +5 -6
  87. package/css/components/SkipToContent/skip-to-content.css +5 -5
  88. package/css/components/Slider/slider.css +26 -27
  89. package/css/components/Spinner/spinner.css +1 -2
  90. package/css/components/Switch/switch.css +5 -6
  91. package/css/components/TabContent/tab-content.css +25 -26
  92. package/css/components/Table/table-grid.css +404 -404
  93. package/css/components/Table/table-scrollable.css +17 -18
  94. package/css/components/Table/table-tree-view.css +257 -258
  95. package/css/components/Table/table-tree-view.d.ts +1 -1
  96. package/css/components/Table/table-tree-view.js +1 -1
  97. package/css/components/Table/table-tree-view.mjs +1 -1
  98. package/css/components/Table/table.css +174 -173
  99. package/css/components/Table/table.d.ts +7 -7
  100. package/css/components/Table/table.js +7 -7
  101. package/css/components/Table/table.mjs +7 -7
  102. package/css/components/Tabs/tabs.css +119 -120
  103. package/css/components/TextInputGroup/text-input-group.css +28 -29
  104. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  105. package/css/components/TextInputGroup/text-input-group.js +1 -1
  106. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  107. package/css/components/Tile/tile.css +14 -15
  108. package/css/components/Timestamp/timestamp.css +1 -1
  109. package/css/components/Title/title.css +1 -1
  110. package/css/components/ToggleGroup/toggle-group.css +29 -30
  111. package/css/components/Toolbar/toolbar.css +250 -132
  112. package/css/components/Toolbar/toolbar.d.ts +2 -2
  113. package/css/components/Toolbar/toolbar.js +2 -2
  114. package/css/components/Toolbar/toolbar.mjs +2 -2
  115. package/css/components/Tooltip/tooltip.css +27 -27
  116. package/css/components/TreeView/tree-view.css +182 -183
  117. package/css/components/Truncate/truncate.css +1 -2
  118. package/css/components/Wizard/wizard.css +158 -140
  119. package/css/components/Wizard/wizard.d.ts +5 -2
  120. package/css/components/Wizard/wizard.js +5 -2
  121. package/css/components/Wizard/wizard.mjs +5 -2
  122. package/css/components/_index.css +23505 -0
  123. package/css/components/_index.d.ts +1497 -0
  124. package/css/components/_index.js +1498 -0
  125. package/css/components/_index.mjs +1496 -0
  126. package/css/docs/components/LogViewer/examples/LogViewer.css +9 -2
  127. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +2 -0
  128. package/css/docs/components/LogViewer/examples/LogViewer.js +2 -0
  129. package/css/docs/components/LogViewer/examples/LogViewer.mjs +2 -0
  130. package/css/docs/components/Nav/examples/Navigation.css +0 -5
  131. package/css/docs/components/Nav/examples/Navigation.d.ts +0 -1
  132. package/css/docs/components/Nav/examples/Navigation.js +0 -1
  133. package/css/docs/components/Nav/examples/Navigation.mjs +0 -1
  134. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  135. package/css/docs/components/Table/examples/Table.css +7 -0
  136. package/css/docs/components/Table/examples/Table.d.ts +2 -0
  137. package/css/docs/components/Table/examples/Table.js +2 -0
  138. package/css/docs/components/Table/examples/Table.mjs +2 -0
  139. package/css/docs/demos/Card/examples/Card.css +2 -2
  140. package/css/docs/demos/Toolbar/examples/Toolbar.css +1 -17
  141. package/css/docs/utilities/Alignment/examples/Alignment.css +2 -2
  142. package/css/docs/utilities/Display/examples/Display.css +3 -10
  143. package/css/docs/utilities/Display/examples/Display.d.ts +0 -8
  144. package/css/docs/utilities/Display/examples/Display.js +0 -8
  145. package/css/docs/utilities/Display/examples/Display.mjs +0 -8
  146. package/css/docs/utilities/Flex/examples/Flex.css +2 -2
  147. package/css/docs/utilities/Float/examples/Float.css +3 -3
  148. package/css/docs/utilities/Sizing/examples/Sizing.css +2 -2
  149. package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
  150. package/css/layouts/Bullseye/bullseye.css +1 -2
  151. package/css/layouts/Flex/flex.css +1 -2
  152. package/css/layouts/Gallery/gallery.css +1 -2
  153. package/css/layouts/Grid/grid.css +1 -2
  154. package/css/layouts/Level/level.css +1 -2
  155. package/css/layouts/Split/split.css +1 -2
  156. package/css/layouts/Stack/stack.css +1 -2
  157. package/css/layouts/_index.css +3454 -0
  158. package/css/layouts/_index.d.ts +846 -0
  159. package/css/layouts/_index.js +847 -0
  160. package/css/layouts/_index.mjs +845 -0
  161. package/css/utilities/BackgroundColor/{BackgroundColor.d.ts → background-color.d.ts} +1 -1
  162. package/css/utilities/BackgroundColor/{BackgroundColor.js → background-color.js} +1 -1
  163. package/css/utilities/BackgroundColor/{BackgroundColor.mjs → background-color.mjs} +1 -1
  164. package/css/utilities/Display/display.css +38 -0
  165. package/css/utilities/Display/display.d.ts +12 -0
  166. package/css/utilities/Display/display.js +12 -0
  167. package/css/utilities/Display/display.mjs +12 -0
  168. package/css/utilities/_index.css +7815 -0
  169. package/css/utilities/_index.d.ts +1671 -0
  170. package/css/utilities/_index.js +1672 -0
  171. package/css/utilities/_index.mjs +1670 -0
  172. package/package.json +3 -3
  173. package/css/components/AppLauncher/app-launcher.css +0 -244
  174. package/css/components/AppLauncher/app-launcher.d.ts +0 -29
  175. package/css/components/AppLauncher/app-launcher.js +0 -30
  176. package/css/components/AppLauncher/app-launcher.mjs +0 -28
  177. package/css/components/Chip/chip-group.css +0 -93
  178. package/css/components/Chip/chip-group.d.ts +0 -13
  179. package/css/components/Chip/chip-group.js +0 -14
  180. package/css/components/Chip/chip-group.mjs +0 -12
  181. package/css/components/Chip/chip.css +0 -122
  182. package/css/components/Chip/chip.d.ts +0 -16
  183. package/css/components/Chip/chip.js +0 -17
  184. package/css/components/Chip/chip.mjs +0 -15
  185. package/css/components/ContextSelector/context-selector.css +0 -336
  186. package/css/components/ContextSelector/context-selector.d.ts +0 -25
  187. package/css/components/ContextSelector/context-selector.js +0 -26
  188. package/css/components/ContextSelector/context-selector.mjs +0 -24
  189. package/css/components/Dropdown/dropdown.css +0 -686
  190. package/css/components/Dropdown/dropdown.d.ts +0 -55
  191. package/css/components/Dropdown/dropdown.js +0 -56
  192. package/css/components/Dropdown/dropdown.mjs +0 -54
  193. package/css/components/OptionsMenu/options-menu.css +0 -279
  194. package/css/components/OptionsMenu/options-menu.d.ts +0 -27
  195. package/css/components/OptionsMenu/options-menu.js +0 -28
  196. package/css/components/OptionsMenu/options-menu.mjs +0 -26
  197. package/css/components/Select/select.css +0 -599
  198. package/css/components/Select/select.d.ts +0 -61
  199. package/css/components/Select/select.js +0 -62
  200. package/css/components/Select/select.mjs +0 -60
  201. package/css/docs/components/Page/deprecated/PageHeader.css +0 -17
  202. package/css/docs/components/Page/deprecated/PageHeader.d.ts +0 -12
  203. package/css/docs/components/Page/deprecated/PageHeader.js +0 -13
  204. package/css/docs/components/Page/deprecated/PageHeader.mjs +0 -11
  205. /package/css/utilities/BackgroundColor/{BackgroundColor.css → background-color.css} +0 -0
@@ -1,128 +1,192 @@
1
+ :where(:root, .pf-v6-c-toolbar) {
2
+ --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
3
+ --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
4
+ --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
5
+ --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
6
+ --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
7
+ --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
8
+ --pf-v6-c-toolbar--BackgroundColor: transparent;
9
+ --pf-v6-c-toolbar--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
10
+ --pf-v6-c-toolbar--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11
+ --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
12
+ --pf-v6-c-toolbar__item--Width: auto;
13
+ --pf-v6-c-toolbar__item--MinWidth: auto;
14
+ --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
15
+ --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
16
+ --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
17
+ --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
18
+ --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
19
+ --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
20
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
21
+ --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
22
+ --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23
+ --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
24
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
25
+ --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
26
+ --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
27
+ --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
28
+ --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
29
+ --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
30
+ --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
31
+ --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
32
+ }
33
+
1
34
  .pf-v6-c-toolbar__content-section,
2
35
  .pf-v6-c-toolbar__group,
3
36
  .pf-v6-c-toolbar__item,
4
- .pf-v6-c-toolbar__group.pf-m-chip-group-container,
5
- .pf-v6-c-toolbar__group.pf-m-chip-group {
37
+ .pf-v6-c-toolbar__group.pf-m-label-group-container,
38
+ .pf-v6-c-toolbar__group.pf-m-label-group {
39
+ --pf-v6-hidden-visible--visible--Display: flex;
6
40
  --pf-v6-hidden-visible--hidden--Display: none;
7
41
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8
42
  display: var(--pf-v6-hidden-visible--Display);
43
+ flex-wrap: wrap;
9
44
  }
10
- .pf-m-hidden.pf-v6-c-toolbar__content-section,
11
- .pf-m-hidden.pf-v6-c-toolbar__group,
12
- .pf-m-hidden.pf-v6-c-toolbar__item {
45
+ .pf-v6-c-toolbar__content-section.pf-m-hidden,
46
+ .pf-v6-c-toolbar__group.pf-m-hidden,
47
+ .pf-v6-c-toolbar__item.pf-m-hidden,
48
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden,
49
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden {
13
50
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
14
51
  }
15
52
  @media screen and (min-width: 576px) {
16
- .pf-m-hidden-on-sm.pf-v6-c-toolbar__content-section,
17
- .pf-m-hidden-on-sm.pf-v6-c-toolbar__group,
18
- .pf-m-hidden-on-sm.pf-v6-c-toolbar__item {
53
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
54
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
55
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-sm,
56
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-sm,
57
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-sm {
19
58
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
20
59
  }
21
- .pf-m-visible-on-sm.pf-v6-c-toolbar__content-section,
22
- .pf-m-visible-on-sm.pf-v6-c-toolbar__group,
23
- .pf-m-visible-on-sm.pf-v6-c-toolbar__item {
60
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
61
+ .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
62
+ .pf-v6-c-toolbar__item.pf-m-visible-on-sm,
63
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-sm,
64
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-sm {
24
65
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
25
66
  }
26
67
  }
27
68
  @media screen and (min-width: 768px) {
28
- .pf-m-hidden-on-md.pf-v6-c-toolbar__content-section,
29
- .pf-m-hidden-on-md.pf-v6-c-toolbar__group,
30
- .pf-m-hidden-on-md.pf-v6-c-toolbar__item {
69
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
70
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
71
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-md,
72
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-md,
73
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-md {
31
74
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
32
75
  }
33
- .pf-m-visible-on-md.pf-v6-c-toolbar__content-section,
34
- .pf-m-visible-on-md.pf-v6-c-toolbar__group,
35
- .pf-m-visible-on-md.pf-v6-c-toolbar__item {
76
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
77
+ .pf-v6-c-toolbar__group.pf-m-visible-on-md,
78
+ .pf-v6-c-toolbar__item.pf-m-visible-on-md,
79
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-md,
80
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-md {
36
81
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
37
82
  }
38
83
  }
39
84
  @media screen and (min-width: 992px) {
40
- .pf-m-hidden-on-lg.pf-v6-c-toolbar__content-section,
41
- .pf-m-hidden-on-lg.pf-v6-c-toolbar__group,
42
- .pf-m-hidden-on-lg.pf-v6-c-toolbar__item {
85
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
86
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
87
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-lg,
88
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-lg,
89
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-lg {
43
90
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
44
91
  }
45
- .pf-m-visible-on-lg.pf-v6-c-toolbar__content-section,
46
- .pf-m-visible-on-lg.pf-v6-c-toolbar__group,
47
- .pf-m-visible-on-lg.pf-v6-c-toolbar__item {
92
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
93
+ .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
94
+ .pf-v6-c-toolbar__item.pf-m-visible-on-lg,
95
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-lg,
96
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-lg {
48
97
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
49
98
  }
50
99
  }
51
100
  @media screen and (min-width: 1200px) {
52
- .pf-m-hidden-on-xl.pf-v6-c-toolbar__content-section,
53
- .pf-m-hidden-on-xl.pf-v6-c-toolbar__group,
54
- .pf-m-hidden-on-xl.pf-v6-c-toolbar__item {
101
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
102
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
103
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-xl,
104
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-xl,
105
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-xl {
55
106
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
56
107
  }
57
- .pf-m-visible-on-xl.pf-v6-c-toolbar__content-section,
58
- .pf-m-visible-on-xl.pf-v6-c-toolbar__group,
59
- .pf-m-visible-on-xl.pf-v6-c-toolbar__item {
108
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
109
+ .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
110
+ .pf-v6-c-toolbar__item.pf-m-visible-on-xl,
111
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-xl,
112
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-xl {
60
113
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
61
114
  }
62
115
  }
63
116
  @media screen and (min-width: 1450px) {
64
- .pf-m-hidden-on-2xl.pf-v6-c-toolbar__content-section,
65
- .pf-m-hidden-on-2xl.pf-v6-c-toolbar__group,
66
- .pf-m-hidden-on-2xl.pf-v6-c-toolbar__item {
117
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
118
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
119
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl,
120
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-hidden-on-2xl,
121
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-hidden-on-2xl {
67
122
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
68
123
  }
69
- .pf-m-visible-on-2xl.pf-v6-c-toolbar__content-section,
70
- .pf-m-visible-on-2xl.pf-v6-c-toolbar__group,
71
- .pf-m-visible-on-2xl.pf-v6-c-toolbar__item {
124
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
125
+ .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
126
+ .pf-v6-c-toolbar__item.pf-m-visible-on-2xl,
127
+ .pf-v6-c-toolbar__group.pf-m-label-group-container.pf-m-visible-on-2xl,
128
+ .pf-v6-c-toolbar__group.pf-m-label-group.pf-m-visible-on-2xl {
72
129
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
73
130
  }
74
131
  }
75
132
 
76
- :where(:root),
77
- :where(.pf-v6-c-toolbar) {
78
- --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
79
- --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
80
- --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
81
- --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
82
- --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
83
- --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
84
- --pf-v6-c-toolbar--BackgroundColor: transparent;
85
- --pf-v6-c-toolbar--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
86
- --pf-v6-c-toolbar--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
87
- --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
88
- --pf-v6-c-toolbar__item--Width: auto;
89
- --pf-v6-c-toolbar__item--MinWidth: auto;
90
- --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
91
- --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
92
- --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
93
- --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
94
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
95
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
96
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
97
- --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
98
- --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
99
- --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
100
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
101
- --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
102
- --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
103
- --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
104
- --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
105
- --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
106
- --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
107
- --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
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);
108
138
  }
109
-
110
- .pf-v6-c-toolbar__content-section,
111
- .pf-v6-c-toolbar__group,
112
- .pf-v6-c-toolbar__item,
113
- .pf-v6-c-toolbar__group.pf-m-chip-group-container,
114
- .pf-v6-c-toolbar__group.pf-m-chip-group {
115
- --pf-v6-hidden-visible--visible--Display: flex;
116
- flex-wrap: wrap;
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
+ }
117
181
  }
118
182
 
119
183
  .pf-v6-c-toolbar,
120
184
  .pf-v6-c-toolbar__content {
121
185
  position: relative;
122
- display: grid;
123
186
  }
124
187
 
125
188
  .pf-v6-c-toolbar {
189
+ display: grid;
126
190
  width: var(--pf-v6-c-toolbar--Width, auto);
127
191
  font-size: var(--pf-v6-c-toolbar--FontSize);
128
192
  line-height: var(--pf-v6-c-toolbar--LineHeight);
@@ -275,10 +339,10 @@
275
339
  .pf-v6-c-toolbar__group.pf-m-filter-group {
276
340
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
277
341
  }
278
- .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-chip-group-container {
342
+ .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-label-group-container {
279
343
  flex-wrap: nowrap;
280
344
  }
281
- .pf-v6-c-toolbar__group.pf-m-chip-group {
345
+ .pf-v6-c-toolbar__group.pf-m-label-group {
282
346
  flex: 1;
283
347
  }
284
348
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
@@ -458,54 +522,63 @@
458
522
  .pf-v6-c-toolbar__item.pf-m-gap-none,
459
523
  .pf-v6-c-toolbar__content.pf-m-gap-none,
460
524
  .pf-v6-c-toolbar__content-section.pf-m-gap-none {
525
+ row-gap: 0;
461
526
  column-gap: 0;
462
527
  }
463
528
  .pf-v6-c-toolbar__group.pf-m-gap-xs,
464
529
  .pf-v6-c-toolbar__item.pf-m-gap-xs,
465
530
  .pf-v6-c-toolbar__content.pf-m-gap-xs,
466
531
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
532
+ row-gap: var(--pf-t--global--spacer--xs);
467
533
  column-gap: var(--pf-t--global--spacer--xs);
468
534
  }
469
535
  .pf-v6-c-toolbar__group.pf-m-gap-sm,
470
536
  .pf-v6-c-toolbar__item.pf-m-gap-sm,
471
537
  .pf-v6-c-toolbar__content.pf-m-gap-sm,
472
538
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
539
+ row-gap: var(--pf-t--global--spacer--sm);
473
540
  column-gap: var(--pf-t--global--spacer--sm);
474
541
  }
475
542
  .pf-v6-c-toolbar__group.pf-m-gap-md,
476
543
  .pf-v6-c-toolbar__item.pf-m-gap-md,
477
544
  .pf-v6-c-toolbar__content.pf-m-gap-md,
478
545
  .pf-v6-c-toolbar__content-section.pf-m-gap-md {
546
+ row-gap: var(--pf-t--global--spacer--md);
479
547
  column-gap: var(--pf-t--global--spacer--md);
480
548
  }
481
549
  .pf-v6-c-toolbar__group.pf-m-gap-lg,
482
550
  .pf-v6-c-toolbar__item.pf-m-gap-lg,
483
551
  .pf-v6-c-toolbar__content.pf-m-gap-lg,
484
552
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
553
+ row-gap: var(--pf-t--global--spacer--lg);
485
554
  column-gap: var(--pf-t--global--spacer--lg);
486
555
  }
487
556
  .pf-v6-c-toolbar__group.pf-m-gap-xl,
488
557
  .pf-v6-c-toolbar__item.pf-m-gap-xl,
489
558
  .pf-v6-c-toolbar__content.pf-m-gap-xl,
490
559
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
560
+ row-gap: var(--pf-t--global--spacer--xl);
491
561
  column-gap: var(--pf-t--global--spacer--xl);
492
562
  }
493
563
  .pf-v6-c-toolbar__group.pf-m-gap-2xl,
494
564
  .pf-v6-c-toolbar__item.pf-m-gap-2xl,
495
565
  .pf-v6-c-toolbar__content.pf-m-gap-2xl,
496
566
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
567
+ row-gap: var(--pf-t--global--spacer--2xl);
497
568
  column-gap: var(--pf-t--global--spacer--2xl);
498
569
  }
499
570
  .pf-v6-c-toolbar__group.pf-m-gap-3xl,
500
571
  .pf-v6-c-toolbar__item.pf-m-gap-3xl,
501
572
  .pf-v6-c-toolbar__content.pf-m-gap-3xl,
502
573
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
574
+ row-gap: var(--pf-t--global--spacer--3xl);
503
575
  column-gap: var(--pf-t--global--spacer--3xl);
504
576
  }
505
577
  .pf-v6-c-toolbar__group.pf-m-gap-4xl,
506
578
  .pf-v6-c-toolbar__item.pf-m-gap-4xl,
507
579
  .pf-v6-c-toolbar__content.pf-m-gap-4xl,
508
580
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
581
+ row-gap: var(--pf-t--global--spacer--4xl);
509
582
  column-gap: var(--pf-t--global--spacer--4xl);
510
583
  }
511
584
  .pf-v6-c-toolbar__group.pf-m-column-gap-none,
@@ -518,7 +591,7 @@
518
591
  .pf-v6-c-toolbar__item.pf-m-row-gap-none,
519
592
  .pf-v6-c-toolbar__content.pf-m-row-gap-none,
520
593
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
521
- column-gap: 0;
594
+ row-gap: 0;
522
595
  }
523
596
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone,
524
597
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone,
@@ -542,7 +615,7 @@
542
615
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs,
543
616
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs,
544
617
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
545
- column-gap: var(--pf-t--global--spacer--xs);
618
+ row-gap: var(--pf-t--global--spacer--xs);
546
619
  }
547
620
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs,
548
621
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs,
@@ -566,7 +639,7 @@
566
639
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm,
567
640
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm,
568
641
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
569
- column-gap: var(--pf-t--global--spacer--sm);
642
+ row-gap: var(--pf-t--global--spacer--sm);
570
643
  }
571
644
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm,
572
645
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm,
@@ -590,7 +663,7 @@
590
663
  .pf-v6-c-toolbar__item.pf-m-row-gap-md,
591
664
  .pf-v6-c-toolbar__content.pf-m-row-gap-md,
592
665
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
593
- column-gap: var(--pf-t--global--spacer--md);
666
+ row-gap: var(--pf-t--global--spacer--md);
594
667
  }
595
668
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd,
596
669
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd,
@@ -614,7 +687,7 @@
614
687
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg,
615
688
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg,
616
689
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
617
- column-gap: var(--pf-t--global--spacer--lg);
690
+ row-gap: var(--pf-t--global--spacer--lg);
618
691
  }
619
692
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg,
620
693
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg,
@@ -638,7 +711,7 @@
638
711
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl,
639
712
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl,
640
713
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
641
- column-gap: var(--pf-t--global--spacer--xl);
714
+ row-gap: var(--pf-t--global--spacer--xl);
642
715
  }
643
716
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl,
644
717
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl,
@@ -662,7 +735,7 @@
662
735
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
663
736
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl,
664
737
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
665
- column-gap: var(--pf-t--global--spacer--2xl);
738
+ row-gap: var(--pf-t--global--spacer--2xl);
666
739
  }
667
740
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl,
668
741
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl,
@@ -686,7 +759,7 @@
686
759
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
687
760
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl,
688
761
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
689
- column-gap: var(--pf-t--global--spacer--3xl);
762
+ row-gap: var(--pf-t--global--spacer--3xl);
690
763
  }
691
764
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl,
692
765
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl,
@@ -710,7 +783,7 @@
710
783
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
711
784
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl,
712
785
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
713
- column-gap: var(--pf-t--global--spacer--4xl);
786
+ row-gap: var(--pf-t--global--spacer--4xl);
714
787
  }
715
788
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl,
716
789
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl,
@@ -871,54 +944,63 @@
871
944
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
872
945
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
873
946
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
947
+ row-gap: 0;
874
948
  column-gap: 0;
875
949
  }
876
950
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
877
951
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
878
952
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
879
953
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
954
+ row-gap: var(--pf-t--global--spacer--xs);
880
955
  column-gap: var(--pf-t--global--spacer--xs);
881
956
  }
882
957
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
883
958
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
884
959
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
885
960
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
961
+ row-gap: var(--pf-t--global--spacer--sm);
886
962
  column-gap: var(--pf-t--global--spacer--sm);
887
963
  }
888
964
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
889
965
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
890
966
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
891
967
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
968
+ row-gap: var(--pf-t--global--spacer--md);
892
969
  column-gap: var(--pf-t--global--spacer--md);
893
970
  }
894
971
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
895
972
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
896
973
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
897
974
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
975
+ row-gap: var(--pf-t--global--spacer--lg);
898
976
  column-gap: var(--pf-t--global--spacer--lg);
899
977
  }
900
978
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
901
979
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
902
980
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
903
981
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
982
+ row-gap: var(--pf-t--global--spacer--xl);
904
983
  column-gap: var(--pf-t--global--spacer--xl);
905
984
  }
906
985
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
907
986
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
908
987
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
909
988
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
989
+ row-gap: var(--pf-t--global--spacer--2xl);
910
990
  column-gap: var(--pf-t--global--spacer--2xl);
911
991
  }
912
992
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
913
993
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
914
994
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
915
995
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
996
+ row-gap: var(--pf-t--global--spacer--3xl);
916
997
  column-gap: var(--pf-t--global--spacer--3xl);
917
998
  }
918
999
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
919
1000
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
920
1001
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
921
1002
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
1003
+ row-gap: var(--pf-t--global--spacer--4xl);
922
1004
  column-gap: var(--pf-t--global--spacer--4xl);
923
1005
  }
924
1006
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
@@ -931,7 +1013,7 @@
931
1013
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
932
1014
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-sm,
933
1015
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
934
- column-gap: 0;
1016
+ row-gap: 0;
935
1017
  }
936
1018
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
937
1019
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
@@ -955,7 +1037,7 @@
955
1037
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
956
1038
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-sm,
957
1039
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
958
- column-gap: var(--pf-t--global--spacer--xs);
1040
+ row-gap: var(--pf-t--global--spacer--xs);
959
1041
  }
960
1042
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
961
1043
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
@@ -979,7 +1061,7 @@
979
1061
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
980
1062
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-sm,
981
1063
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
982
- column-gap: var(--pf-t--global--spacer--sm);
1064
+ row-gap: var(--pf-t--global--spacer--sm);
983
1065
  }
984
1066
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
985
1067
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
@@ -1003,7 +1085,7 @@
1003
1085
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
1004
1086
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-sm,
1005
1087
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
1006
- column-gap: var(--pf-t--global--spacer--md);
1088
+ row-gap: var(--pf-t--global--spacer--md);
1007
1089
  }
1008
1090
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
1009
1091
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
@@ -1027,7 +1109,7 @@
1027
1109
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
1028
1110
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-sm,
1029
1111
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
1030
- column-gap: var(--pf-t--global--spacer--lg);
1112
+ row-gap: var(--pf-t--global--spacer--lg);
1031
1113
  }
1032
1114
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
1033
1115
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
@@ -1051,7 +1133,7 @@
1051
1133
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
1052
1134
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-sm,
1053
1135
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
1054
- column-gap: var(--pf-t--global--spacer--xl);
1136
+ row-gap: var(--pf-t--global--spacer--xl);
1055
1137
  }
1056
1138
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
1057
1139
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
@@ -1075,7 +1157,7 @@
1075
1157
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
1076
1158
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
1077
1159
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
1078
- column-gap: var(--pf-t--global--spacer--2xl);
1160
+ row-gap: var(--pf-t--global--spacer--2xl);
1079
1161
  }
1080
1162
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
1081
1163
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
@@ -1099,7 +1181,7 @@
1099
1181
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
1100
1182
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
1101
1183
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
1102
- column-gap: var(--pf-t--global--spacer--3xl);
1184
+ row-gap: var(--pf-t--global--spacer--3xl);
1103
1185
  }
1104
1186
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
1105
1187
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
@@ -1123,7 +1205,7 @@
1123
1205
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
1124
1206
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
1125
1207
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
1126
- column-gap: var(--pf-t--global--spacer--4xl);
1208
+ row-gap: var(--pf-t--global--spacer--4xl);
1127
1209
  }
1128
1210
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
1129
1211
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
@@ -1283,54 +1365,63 @@
1283
1365
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
1284
1366
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
1285
1367
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
1368
+ row-gap: 0;
1286
1369
  column-gap: 0;
1287
1370
  }
1288
1371
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
1289
1372
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
1290
1373
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
1291
1374
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
1375
+ row-gap: var(--pf-t--global--spacer--xs);
1292
1376
  column-gap: var(--pf-t--global--spacer--xs);
1293
1377
  }
1294
1378
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
1295
1379
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
1296
1380
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
1297
1381
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
1382
+ row-gap: var(--pf-t--global--spacer--sm);
1298
1383
  column-gap: var(--pf-t--global--spacer--sm);
1299
1384
  }
1300
1385
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
1301
1386
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
1302
1387
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
1303
1388
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
1389
+ row-gap: var(--pf-t--global--spacer--md);
1304
1390
  column-gap: var(--pf-t--global--spacer--md);
1305
1391
  }
1306
1392
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
1307
1393
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
1308
1394
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
1309
1395
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
1396
+ row-gap: var(--pf-t--global--spacer--lg);
1310
1397
  column-gap: var(--pf-t--global--spacer--lg);
1311
1398
  }
1312
1399
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
1313
1400
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
1314
1401
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
1315
1402
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
1403
+ row-gap: var(--pf-t--global--spacer--xl);
1316
1404
  column-gap: var(--pf-t--global--spacer--xl);
1317
1405
  }
1318
1406
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
1319
1407
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
1320
1408
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
1321
1409
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
1410
+ row-gap: var(--pf-t--global--spacer--2xl);
1322
1411
  column-gap: var(--pf-t--global--spacer--2xl);
1323
1412
  }
1324
1413
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
1325
1414
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
1326
1415
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
1327
1416
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
1417
+ row-gap: var(--pf-t--global--spacer--3xl);
1328
1418
  column-gap: var(--pf-t--global--spacer--3xl);
1329
1419
  }
1330
1420
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
1331
1421
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
1332
1422
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
1333
1423
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
1424
+ row-gap: var(--pf-t--global--spacer--4xl);
1334
1425
  column-gap: var(--pf-t--global--spacer--4xl);
1335
1426
  }
1336
1427
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
@@ -1343,7 +1434,7 @@
1343
1434
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
1344
1435
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-md,
1345
1436
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
1346
- column-gap: 0;
1437
+ row-gap: 0;
1347
1438
  }
1348
1439
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
1349
1440
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
@@ -1367,7 +1458,7 @@
1367
1458
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
1368
1459
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-md,
1369
1460
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
1370
- column-gap: var(--pf-t--global--spacer--xs);
1461
+ row-gap: var(--pf-t--global--spacer--xs);
1371
1462
  }
1372
1463
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
1373
1464
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
@@ -1391,7 +1482,7 @@
1391
1482
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
1392
1483
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-md,
1393
1484
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
1394
- column-gap: var(--pf-t--global--spacer--sm);
1485
+ row-gap: var(--pf-t--global--spacer--sm);
1395
1486
  }
1396
1487
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
1397
1488
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
@@ -1415,7 +1506,7 @@
1415
1506
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
1416
1507
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-md,
1417
1508
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
1418
- column-gap: var(--pf-t--global--spacer--md);
1509
+ row-gap: var(--pf-t--global--spacer--md);
1419
1510
  }
1420
1511
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
1421
1512
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
@@ -1439,7 +1530,7 @@
1439
1530
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
1440
1531
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-md,
1441
1532
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
1442
- column-gap: var(--pf-t--global--spacer--lg);
1533
+ row-gap: var(--pf-t--global--spacer--lg);
1443
1534
  }
1444
1535
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
1445
1536
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
@@ -1463,7 +1554,7 @@
1463
1554
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
1464
1555
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-md,
1465
1556
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
1466
- column-gap: var(--pf-t--global--spacer--xl);
1557
+ row-gap: var(--pf-t--global--spacer--xl);
1467
1558
  }
1468
1559
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
1469
1560
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
@@ -1487,7 +1578,7 @@
1487
1578
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
1488
1579
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-md,
1489
1580
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
1490
- column-gap: var(--pf-t--global--spacer--2xl);
1581
+ row-gap: var(--pf-t--global--spacer--2xl);
1491
1582
  }
1492
1583
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
1493
1584
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
@@ -1511,7 +1602,7 @@
1511
1602
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
1512
1603
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-md,
1513
1604
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
1514
- column-gap: var(--pf-t--global--spacer--3xl);
1605
+ row-gap: var(--pf-t--global--spacer--3xl);
1515
1606
  }
1516
1607
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
1517
1608
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
@@ -1535,7 +1626,7 @@
1535
1626
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
1536
1627
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-md,
1537
1628
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
1538
- column-gap: var(--pf-t--global--spacer--4xl);
1629
+ row-gap: var(--pf-t--global--spacer--4xl);
1539
1630
  }
1540
1631
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
1541
1632
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
@@ -1695,54 +1786,63 @@
1695
1786
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
1696
1787
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
1697
1788
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
1789
+ row-gap: 0;
1698
1790
  column-gap: 0;
1699
1791
  }
1700
1792
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
1701
1793
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
1702
1794
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
1703
1795
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
1796
+ row-gap: var(--pf-t--global--spacer--xs);
1704
1797
  column-gap: var(--pf-t--global--spacer--xs);
1705
1798
  }
1706
1799
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
1707
1800
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
1708
1801
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
1709
1802
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
1803
+ row-gap: var(--pf-t--global--spacer--sm);
1710
1804
  column-gap: var(--pf-t--global--spacer--sm);
1711
1805
  }
1712
1806
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
1713
1807
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
1714
1808
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
1715
1809
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
1810
+ row-gap: var(--pf-t--global--spacer--md);
1716
1811
  column-gap: var(--pf-t--global--spacer--md);
1717
1812
  }
1718
1813
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
1719
1814
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
1720
1815
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
1721
1816
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
1817
+ row-gap: var(--pf-t--global--spacer--lg);
1722
1818
  column-gap: var(--pf-t--global--spacer--lg);
1723
1819
  }
1724
1820
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
1725
1821
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
1726
1822
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
1727
1823
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
1824
+ row-gap: var(--pf-t--global--spacer--xl);
1728
1825
  column-gap: var(--pf-t--global--spacer--xl);
1729
1826
  }
1730
1827
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
1731
1828
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
1732
1829
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
1733
1830
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
1831
+ row-gap: var(--pf-t--global--spacer--2xl);
1734
1832
  column-gap: var(--pf-t--global--spacer--2xl);
1735
1833
  }
1736
1834
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
1737
1835
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
1738
1836
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
1739
1837
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
1838
+ row-gap: var(--pf-t--global--spacer--3xl);
1740
1839
  column-gap: var(--pf-t--global--spacer--3xl);
1741
1840
  }
1742
1841
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
1743
1842
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
1744
1843
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
1745
1844
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
1845
+ row-gap: var(--pf-t--global--spacer--4xl);
1746
1846
  column-gap: var(--pf-t--global--spacer--4xl);
1747
1847
  }
1748
1848
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
@@ -1755,7 +1855,7 @@
1755
1855
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
1756
1856
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-lg,
1757
1857
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
1758
- column-gap: 0;
1858
+ row-gap: 0;
1759
1859
  }
1760
1860
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
1761
1861
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
@@ -1779,7 +1879,7 @@
1779
1879
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
1780
1880
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-lg,
1781
1881
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
1782
- column-gap: var(--pf-t--global--spacer--xs);
1882
+ row-gap: var(--pf-t--global--spacer--xs);
1783
1883
  }
1784
1884
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
1785
1885
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
@@ -1803,7 +1903,7 @@
1803
1903
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
1804
1904
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-lg,
1805
1905
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
1806
- column-gap: var(--pf-t--global--spacer--sm);
1906
+ row-gap: var(--pf-t--global--spacer--sm);
1807
1907
  }
1808
1908
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
1809
1909
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
@@ -1827,7 +1927,7 @@
1827
1927
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
1828
1928
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-lg,
1829
1929
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
1830
- column-gap: var(--pf-t--global--spacer--md);
1930
+ row-gap: var(--pf-t--global--spacer--md);
1831
1931
  }
1832
1932
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
1833
1933
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
@@ -1851,7 +1951,7 @@
1851
1951
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
1852
1952
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-lg,
1853
1953
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
1854
- column-gap: var(--pf-t--global--spacer--lg);
1954
+ row-gap: var(--pf-t--global--spacer--lg);
1855
1955
  }
1856
1956
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
1857
1957
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
@@ -1875,7 +1975,7 @@
1875
1975
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
1876
1976
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-lg,
1877
1977
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
1878
- column-gap: var(--pf-t--global--spacer--xl);
1978
+ row-gap: var(--pf-t--global--spacer--xl);
1879
1979
  }
1880
1980
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
1881
1981
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
@@ -1899,7 +1999,7 @@
1899
1999
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
1900
2000
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
1901
2001
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
1902
- column-gap: var(--pf-t--global--spacer--2xl);
2002
+ row-gap: var(--pf-t--global--spacer--2xl);
1903
2003
  }
1904
2004
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
1905
2005
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
@@ -1923,7 +2023,7 @@
1923
2023
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
1924
2024
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
1925
2025
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
1926
- column-gap: var(--pf-t--global--spacer--3xl);
2026
+ row-gap: var(--pf-t--global--spacer--3xl);
1927
2027
  }
1928
2028
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
1929
2029
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
@@ -1947,7 +2047,7 @@
1947
2047
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
1948
2048
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
1949
2049
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
1950
- column-gap: var(--pf-t--global--spacer--4xl);
2050
+ row-gap: var(--pf-t--global--spacer--4xl);
1951
2051
  }
1952
2052
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
1953
2053
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
@@ -2107,54 +2207,63 @@
2107
2207
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
2108
2208
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
2109
2209
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
2210
+ row-gap: 0;
2110
2211
  column-gap: 0;
2111
2212
  }
2112
2213
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
2113
2214
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
2114
2215
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
2115
2216
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
2217
+ row-gap: var(--pf-t--global--spacer--xs);
2116
2218
  column-gap: var(--pf-t--global--spacer--xs);
2117
2219
  }
2118
2220
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
2119
2221
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
2120
2222
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
2121
2223
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
2224
+ row-gap: var(--pf-t--global--spacer--sm);
2122
2225
  column-gap: var(--pf-t--global--spacer--sm);
2123
2226
  }
2124
2227
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
2125
2228
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
2126
2229
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
2127
2230
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
2231
+ row-gap: var(--pf-t--global--spacer--md);
2128
2232
  column-gap: var(--pf-t--global--spacer--md);
2129
2233
  }
2130
2234
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
2131
2235
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
2132
2236
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
2133
2237
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
2238
+ row-gap: var(--pf-t--global--spacer--lg);
2134
2239
  column-gap: var(--pf-t--global--spacer--lg);
2135
2240
  }
2136
2241
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
2137
2242
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
2138
2243
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
2139
2244
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
2245
+ row-gap: var(--pf-t--global--spacer--xl);
2140
2246
  column-gap: var(--pf-t--global--spacer--xl);
2141
2247
  }
2142
2248
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
2143
2249
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
2144
2250
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
2145
2251
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
2252
+ row-gap: var(--pf-t--global--spacer--2xl);
2146
2253
  column-gap: var(--pf-t--global--spacer--2xl);
2147
2254
  }
2148
2255
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
2149
2256
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
2150
2257
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
2151
2258
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
2259
+ row-gap: var(--pf-t--global--spacer--3xl);
2152
2260
  column-gap: var(--pf-t--global--spacer--3xl);
2153
2261
  }
2154
2262
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
2155
2263
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
2156
2264
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
2157
2265
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
2266
+ row-gap: var(--pf-t--global--spacer--4xl);
2158
2267
  column-gap: var(--pf-t--global--spacer--4xl);
2159
2268
  }
2160
2269
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
@@ -2167,7 +2276,7 @@
2167
2276
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
2168
2277
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-xl,
2169
2278
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
2170
- column-gap: 0;
2279
+ row-gap: 0;
2171
2280
  }
2172
2281
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
2173
2282
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
@@ -2191,7 +2300,7 @@
2191
2300
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
2192
2301
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-xl,
2193
2302
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
2194
- column-gap: var(--pf-t--global--spacer--xs);
2303
+ row-gap: var(--pf-t--global--spacer--xs);
2195
2304
  }
2196
2305
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
2197
2306
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
@@ -2215,7 +2324,7 @@
2215
2324
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
2216
2325
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-xl,
2217
2326
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
2218
- column-gap: var(--pf-t--global--spacer--sm);
2327
+ row-gap: var(--pf-t--global--spacer--sm);
2219
2328
  }
2220
2329
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
2221
2330
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
@@ -2239,7 +2348,7 @@
2239
2348
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
2240
2349
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-xl,
2241
2350
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
2242
- column-gap: var(--pf-t--global--spacer--md);
2351
+ row-gap: var(--pf-t--global--spacer--md);
2243
2352
  }
2244
2353
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
2245
2354
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
@@ -2263,7 +2372,7 @@
2263
2372
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
2264
2373
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-xl,
2265
2374
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
2266
- column-gap: var(--pf-t--global--spacer--lg);
2375
+ row-gap: var(--pf-t--global--spacer--lg);
2267
2376
  }
2268
2377
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
2269
2378
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
@@ -2287,7 +2396,7 @@
2287
2396
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
2288
2397
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-xl,
2289
2398
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
2290
- column-gap: var(--pf-t--global--spacer--xl);
2399
+ row-gap: var(--pf-t--global--spacer--xl);
2291
2400
  }
2292
2401
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
2293
2402
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
@@ -2311,7 +2420,7 @@
2311
2420
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
2312
2421
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
2313
2422
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
2314
- column-gap: var(--pf-t--global--spacer--2xl);
2423
+ row-gap: var(--pf-t--global--spacer--2xl);
2315
2424
  }
2316
2425
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
2317
2426
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
@@ -2335,7 +2444,7 @@
2335
2444
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
2336
2445
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
2337
2446
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
2338
- column-gap: var(--pf-t--global--spacer--3xl);
2447
+ row-gap: var(--pf-t--global--spacer--3xl);
2339
2448
  }
2340
2449
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
2341
2450
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
@@ -2359,7 +2468,7 @@
2359
2468
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
2360
2469
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
2361
2470
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
2362
- column-gap: var(--pf-t--global--spacer--4xl);
2471
+ row-gap: var(--pf-t--global--spacer--4xl);
2363
2472
  }
2364
2473
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
2365
2474
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
@@ -2519,54 +2628,63 @@
2519
2628
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
2520
2629
  .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
2521
2630
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
2631
+ row-gap: 0;
2522
2632
  column-gap: 0;
2523
2633
  }
2524
2634
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
2525
2635
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
2526
2636
  .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
2527
2637
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
2638
+ row-gap: var(--pf-t--global--spacer--xs);
2528
2639
  column-gap: var(--pf-t--global--spacer--xs);
2529
2640
  }
2530
2641
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
2531
2642
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
2532
2643
  .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
2533
2644
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
2645
+ row-gap: var(--pf-t--global--spacer--sm);
2534
2646
  column-gap: var(--pf-t--global--spacer--sm);
2535
2647
  }
2536
2648
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
2537
2649
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
2538
2650
  .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
2539
2651
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
2652
+ row-gap: var(--pf-t--global--spacer--md);
2540
2653
  column-gap: var(--pf-t--global--spacer--md);
2541
2654
  }
2542
2655
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
2543
2656
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
2544
2657
  .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
2545
2658
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
2659
+ row-gap: var(--pf-t--global--spacer--lg);
2546
2660
  column-gap: var(--pf-t--global--spacer--lg);
2547
2661
  }
2548
2662
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
2549
2663
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
2550
2664
  .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
2551
2665
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
2666
+ row-gap: var(--pf-t--global--spacer--xl);
2552
2667
  column-gap: var(--pf-t--global--spacer--xl);
2553
2668
  }
2554
2669
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
2555
2670
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
2556
2671
  .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
2557
2672
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
2673
+ row-gap: var(--pf-t--global--spacer--2xl);
2558
2674
  column-gap: var(--pf-t--global--spacer--2xl);
2559
2675
  }
2560
2676
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
2561
2677
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
2562
2678
  .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
2563
2679
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
2680
+ row-gap: var(--pf-t--global--spacer--3xl);
2564
2681
  column-gap: var(--pf-t--global--spacer--3xl);
2565
2682
  }
2566
2683
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
2567
2684
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
2568
2685
  .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
2569
2686
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
2687
+ row-gap: var(--pf-t--global--spacer--4xl);
2570
2688
  column-gap: var(--pf-t--global--spacer--4xl);
2571
2689
  }
2572
2690
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
@@ -2579,7 +2697,7 @@
2579
2697
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
2580
2698
  .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-2xl,
2581
2699
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
2582
- column-gap: 0;
2700
+ row-gap: 0;
2583
2701
  }
2584
2702
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
2585
2703
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
@@ -2603,7 +2721,7 @@
2603
2721
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
2604
2722
  .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
2605
2723
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
2606
- column-gap: var(--pf-t--global--spacer--xs);
2724
+ row-gap: var(--pf-t--global--spacer--xs);
2607
2725
  }
2608
2726
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
2609
2727
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
@@ -2627,7 +2745,7 @@
2627
2745
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
2628
2746
  .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
2629
2747
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
2630
- column-gap: var(--pf-t--global--spacer--sm);
2748
+ row-gap: var(--pf-t--global--spacer--sm);
2631
2749
  }
2632
2750
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
2633
2751
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
@@ -2651,7 +2769,7 @@
2651
2769
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
2652
2770
  .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-2xl,
2653
2771
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
2654
- column-gap: var(--pf-t--global--spacer--md);
2772
+ row-gap: var(--pf-t--global--spacer--md);
2655
2773
  }
2656
2774
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
2657
2775
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
@@ -2675,7 +2793,7 @@
2675
2793
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
2676
2794
  .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
2677
2795
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
2678
- column-gap: var(--pf-t--global--spacer--lg);
2796
+ row-gap: var(--pf-t--global--spacer--lg);
2679
2797
  }
2680
2798
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
2681
2799
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
@@ -2699,7 +2817,7 @@
2699
2817
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
2700
2818
  .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
2701
2819
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
2702
- column-gap: var(--pf-t--global--spacer--xl);
2820
+ row-gap: var(--pf-t--global--spacer--xl);
2703
2821
  }
2704
2822
  .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
2705
2823
  .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
@@ -2723,7 +2841,7 @@
2723
2841
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
2724
2842
  .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
2725
2843
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
2726
- column-gap: var(--pf-t--global--spacer--2xl);
2844
+ row-gap: var(--pf-t--global--spacer--2xl);
2727
2845
  }
2728
2846
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
2729
2847
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
@@ -2747,7 +2865,7 @@
2747
2865
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
2748
2866
  .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
2749
2867
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
2750
- column-gap: var(--pf-t--global--spacer--3xl);
2868
+ row-gap: var(--pf-t--global--spacer--3xl);
2751
2869
  }
2752
2870
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
2753
2871
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
@@ -2771,7 +2889,7 @@
2771
2889
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
2772
2890
  .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
2773
2891
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
2774
- column-gap: var(--pf-t--global--spacer--4xl);
2892
+ row-gap: var(--pf-t--global--spacer--4xl);
2775
2893
  }
2776
2894
  .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
2777
2895
  .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,