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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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
package/css/components/Toolbar/toolbar.css CHANGED
@@ -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,