@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

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 (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_core.scss +2 -0
  5. package/assets/fontawesome/_fixed-width.scss +2 -0
  6. package/assets/fontawesome/_icons.scss +1 -0
  7. package/assets/fontawesome/_index.scss +12 -0
  8. package/assets/fontawesome/_larger.scss +4 -2
  9. package/assets/fontawesome/_list.scss +4 -2
  10. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  11. package/assets/fontawesome/_screen-reader.scss +1 -0
  12. package/assets/fontawesome/_stacked.scss +3 -1
  13. package/assets/fontawesome/_variables.scss +3 -2
  14. package/assets/fontawesome/fontawesome.scss +12 -12
  15. package/assets/icons/iconUnicodes.json +6 -0
  16. package/assets/images/img_avatar-dark.svg +22 -16
  17. package/assets/images/img_avatar-light.svg +25 -18
  18. package/assets/images/pf-background.svg +21 -21
  19. package/assets/images/pf_logo.svg +11 -11
  20. package/assets/images/pf_logo_white.svg +16 -17
  21. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  22. package/assets/pficon/pficon.scss +310 -271
  23. package/base/_index.scss +10 -0
  24. package/base/{_globals.scss → normalize.scss} +15 -48
  25. package/base/patternfly-common.css +14 -0
  26. package/base/patternfly-common.scss +68 -2
  27. package/base/patternfly-fa-icons.css +1 -1
  28. package/base/patternfly-fa-icons.scss +35 -2
  29. package/base/patternfly-fonts.css +10 -80
  30. package/base/patternfly-fonts.scss +49 -2
  31. package/base/patternfly-pf-icons.css +158 -134
  32. package/base/patternfly-pf-icons.scss +1 -2
  33. package/base/patternfly-svg-icons.css +5 -0
  34. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  35. package/base/patternfly-variables.css +1082 -1206
  36. package/base/patternfly-variables.scss +20 -2
  37. package/base/reset.scss +33 -0
  38. package/base/tokens/_index.scss +6 -0
  39. package/base/tokens/tokens-charts-dark.scss +173 -0
  40. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  41. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +307 -294
  42. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +574 -447
  43. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +13 -34
  44. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  45. package/components/AboutModalBox/about-modal-box.css +86 -81
  46. package/components/AboutModalBox/about-modal-box.scss +80 -82
  47. package/components/Accordion/accordion.css +44 -43
  48. package/components/Accordion/accordion.scss +52 -52
  49. package/components/ActionList/action-list.css +6 -5
  50. package/components/ActionList/action-list.scss +7 -5
  51. package/components/Alert/alert-group.css +72 -19
  52. package/components/Alert/alert-group.scss +105 -18
  53. package/components/Alert/alert.css +52 -59
  54. package/components/Alert/alert.scss +56 -65
  55. package/components/Avatar/avatar.css +42 -41
  56. package/components/Avatar/avatar.scss +8 -7
  57. package/components/BackToTop/back-to-top.css +19 -17
  58. package/components/BackToTop/back-to-top.scss +17 -17
  59. package/components/Backdrop/backdrop.css +1 -1
  60. package/components/Backdrop/backdrop.scss +3 -4
  61. package/components/BackgroundImage/background-image.scss +3 -4
  62. package/components/Badge/badge.css +29 -7
  63. package/components/Badge/badge.scss +33 -9
  64. package/components/Banner/banner.css +30 -37
  65. package/components/Banner/banner.scss +30 -43
  66. package/components/Brand/brand.css +14 -10
  67. package/components/Brand/brand.scss +8 -5
  68. package/components/Breadcrumb/breadcrumb.css +23 -24
  69. package/components/Breadcrumb/breadcrumb.scss +25 -28
  70. package/components/Button/button.css +150 -128
  71. package/components/Button/button.scss +155 -130
  72. package/components/CalendarMonth/calendar-month.css +46 -46
  73. package/components/CalendarMonth/calendar-month.scss +49 -50
  74. package/components/Card/card.css +110 -93
  75. package/components/Card/card.scss +118 -92
  76. package/components/Check/check.css +5 -5
  77. package/components/Check/check.scss +7 -8
  78. package/components/ClipboardCopy/clipboard-copy.css +33 -41
  79. package/components/ClipboardCopy/clipboard-copy.scss +35 -44
  80. package/components/CodeBlock/code-block.css +21 -20
  81. package/components/CodeBlock/code-block.scss +21 -21
  82. package/components/CodeEditor/code-editor.css +35 -34
  83. package/components/CodeEditor/code-editor.scss +35 -35
  84. package/components/Content/content.css +167 -153
  85. package/components/Content/content.scss +204 -145
  86. package/components/DataList/data-list-grid.css +117 -117
  87. package/components/DataList/data-list-grid.scss +22 -20
  88. package/components/DataList/data-list.css +308 -312
  89. package/components/DataList/data-list.scss +145 -152
  90. package/components/DatePicker/date-picker.css +17 -17
  91. package/components/DatePicker/date-picker.scss +17 -18
  92. package/components/DescriptionList/description-list-order.css +5 -5
  93. package/components/DescriptionList/description-list-order.scss +3 -1
  94. package/components/DescriptionList/description-list.css +46 -44
  95. package/components/DescriptionList/description-list.scss +26 -31
  96. package/components/Divider/divider.css +104 -107
  97. package/components/Divider/divider.scss +19 -19
  98. package/components/DragDrop/drag-drop.css +4 -2
  99. package/components/DragDrop/drag-drop.scss +3 -3
  100. package/components/Drawer/drawer.css +115 -114
  101. package/components/Drawer/drawer.scss +136 -134
  102. package/components/DualListSelector/dual-list-selector.css +64 -61
  103. package/components/DualListSelector/dual-list-selector.scss +54 -51
  104. package/components/EmptyState/empty-state.css +38 -37
  105. package/components/EmptyState/empty-state.scss +39 -39
  106. package/components/ExpandableSection/expandable-section.css +27 -86
  107. package/components/ExpandableSection/expandable-section.scss +32 -101
  108. package/components/FileUpload/file-upload.css +2 -2
  109. package/components/FileUpload/file-upload.scss +2 -3
  110. package/components/Form/form.css +173 -115
  111. package/components/Form/form.scss +117 -103
  112. package/components/FormControl/form-control.css +57 -57
  113. package/components/FormControl/form-control.scss +69 -67
  114. package/components/HelperText/helper-text.css +5 -4
  115. package/components/HelperText/helper-text.scss +8 -6
  116. package/components/Hint/hint.css +25 -25
  117. package/components/Hint/hint.scss +25 -27
  118. package/components/Icon/icon.css +10 -10
  119. package/components/Icon/icon.scss +11 -12
  120. package/components/InlineEdit/inline-edit.css +12 -12
  121. package/components/InlineEdit/inline-edit.scss +12 -13
  122. package/components/InputGroup/input-group.css +16 -16
  123. package/components/InputGroup/input-group.scss +18 -19
  124. package/components/JumpLinks/jump-links.css +80 -96
  125. package/components/JumpLinks/jump-links.scss +80 -100
  126. package/components/Label/label-group.css +28 -28
  127. package/components/Label/label-group.scss +29 -30
  128. package/components/Label/label.css +102 -87
  129. package/components/Label/label.scss +113 -94
  130. package/components/List/list.css +44 -47
  131. package/components/List/list.scss +51 -58
  132. package/components/Login/login.css +122 -118
  133. package/components/Login/login.scss +105 -112
  134. package/components/Masthead/masthead.css +273 -175
  135. package/components/Masthead/masthead.scss +102 -68
  136. package/components/Menu/menu.css +151 -95
  137. package/components/Menu/menu.scss +59 -40
  138. package/components/MenuToggle/menu-toggle.css +129 -108
  139. package/components/MenuToggle/menu-toggle.scss +150 -128
  140. package/components/ModalBox/modal-box.css +53 -45
  141. package/components/ModalBox/modal-box.scss +52 -46
  142. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  144. package/components/Nav/nav.css +33 -9
  145. package/components/Nav/nav.scss +46 -13
  146. package/components/NotificationDrawer/notification-drawer.css +50 -51
  147. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  148. package/components/NumberInput/number-input.css +7 -11
  149. package/components/NumberInput/number-input.scss +5 -7
  150. package/components/OverflowMenu/overflow-menu.css +2 -1
  151. package/components/OverflowMenu/overflow-menu.scss +3 -1
  152. package/components/Page/page.css +175 -519
  153. package/components/Page/page.scss +155 -386
  154. package/components/Pagination/pagination.css +82 -79
  155. package/components/Pagination/pagination.scss +43 -40
  156. package/components/Panel/panel.css +33 -30
  157. package/components/Panel/panel.scss +35 -33
  158. package/components/Popover/popover.css +54 -52
  159. package/components/Popover/popover.scss +55 -54
  160. package/components/Progress/progress.css +8 -4
  161. package/components/Progress/progress.scss +14 -11
  162. package/components/ProgressStepper/progress-stepper.css +246 -245
  163. package/components/ProgressStepper/progress-stepper.scss +118 -118
  164. package/components/Radio/radio.css +7 -7
  165. package/components/Radio/radio.scss +9 -10
  166. package/components/Sidebar/sidebar.css +139 -139
  167. package/components/Sidebar/sidebar.scss +61 -61
  168. package/components/SimpleList/simple-list.css +21 -20
  169. package/components/SimpleList/simple-list.scss +22 -23
  170. package/components/Skeleton/skeleton.css +4 -4
  171. package/components/Skeleton/skeleton.scss +7 -8
  172. package/components/SkipToContent/skip-to-content.css +7 -6
  173. package/components/SkipToContent/skip-to-content.scss +7 -7
  174. package/components/Slider/slider.css +31 -31
  175. package/components/Slider/slider.scss +54 -55
  176. package/components/Spinner/spinner.scss +4 -5
  177. package/components/Switch/switch.css +4 -10
  178. package/components/Switch/switch.scss +8 -17
  179. package/components/TabContent/tab-content.css +25 -25
  180. package/components/TabContent/tab-content.scss +28 -28
  181. package/components/Table/table-grid.css +434 -508
  182. package/components/Table/table-grid.scss +131 -150
  183. package/components/Table/table-scrollable.css +31 -34
  184. package/components/Table/table-scrollable.scss +44 -41
  185. package/components/Table/table-tree-view.css +287 -279
  186. package/components/Table/table-tree-view.scss +84 -84
  187. package/components/Table/table.css +316 -279
  188. package/components/Table/table.scss +346 -301
  189. package/components/Tabs/tabs.css +215 -240
  190. package/components/Tabs/tabs.scss +130 -162
  191. package/components/TextInputGroup/text-input-group.css +122 -64
  192. package/components/TextInputGroup/text-input-group.scss +144 -87
  193. package/components/Tile/tile.css +15 -15
  194. package/components/Tile/tile.scss +16 -17
  195. package/components/Timestamp/timestamp.css +13 -19
  196. package/components/Timestamp/timestamp.scss +16 -22
  197. package/components/Title/title.css +14 -13
  198. package/components/Title/title.scss +15 -15
  199. package/components/ToggleGroup/toggle-group.css +37 -37
  200. package/components/ToggleGroup/toggle-group.scss +38 -41
  201. package/components/Toolbar/toolbar.css +547 -1431
  202. package/components/Toolbar/toolbar.scss +159 -123
  203. package/components/Tooltip/tooltip.css +28 -27
  204. package/components/Tooltip/tooltip.scss +31 -30
  205. package/components/TreeView/tree-view.css +184 -184
  206. package/components/TreeView/tree-view.scss +133 -133
  207. package/components/Truncate/truncate.css +2 -2
  208. package/components/Truncate/truncate.scss +7 -8
  209. package/components/Wizard/wizard.css +190 -154
  210. package/components/Wizard/wizard.scss +211 -165
  211. package/components/_index.css +22378 -0
  212. package/components/_index.scss +82 -0
  213. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  214. package/docs/components/Accordion/examples/Accordion.md +1 -1
  215. package/docs/components/ActionList/examples/ActionList.md +64 -24
  216. package/docs/components/Alert/examples/Alert.md +116 -74
  217. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  218. package/docs/components/Badge/examples/Badge.md +6 -16
  219. package/docs/components/Banner/examples/Banner.md +16 -10
  220. package/docs/components/Brand/examples/Brand.md +2 -2
  221. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  222. package/docs/components/Button/examples/Button.md +537 -368
  223. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  224. package/docs/components/Card/examples/Card.md +372 -658
  225. package/docs/components/Check/examples/Check.md +10 -15
  226. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  227. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  228. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  229. package/docs/components/Content/examples/Content.md +600 -60
  230. package/docs/components/DataList/examples/DataList.md +291 -1028
  231. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  232. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  233. package/docs/components/Drawer/examples/Drawer.md +60 -21
  234. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  235. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  236. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  237. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  238. package/docs/components/Form/examples/Form.md +100 -26
  239. package/docs/components/Hint/examples/Hint.md +54 -164
  240. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  241. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  242. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  243. package/docs/components/Label/examples/Label.md +2577 -406
  244. package/docs/components/Login/examples/Login.md +372 -334
  245. package/docs/components/Masthead/examples/masthead.md +515 -484
  246. package/docs/components/Menu/examples/Menu.md +77 -138
  247. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  248. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  249. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  250. package/docs/components/Nav/examples/Navigation.css +2 -7
  251. package/docs/components/Nav/examples/Navigation.md +337 -270
  252. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  253. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  254. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  255. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  256. package/docs/components/Page/examples/Page.css +5 -9
  257. package/docs/components/Page/examples/Page.md +254 -181
  258. package/docs/components/Pagination/examples/Pagination.md +336 -756
  259. package/docs/components/Panel/examples/Panel.md +3 -2
  260. package/docs/components/Popover/examples/Popover.md +60 -15
  261. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  262. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  263. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  264. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  265. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  266. package/docs/components/Slider/examples/Slider.md +53 -45
  267. package/docs/components/Spinner/examples/Spinner.md +1 -1
  268. package/docs/components/Switch/examples/Switch.md +33 -148
  269. package/docs/components/Table/examples/Table.css +11 -6
  270. package/docs/components/Table/examples/Table.md +5302 -2464
  271. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  273. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  274. package/docs/components/Tile/examples/Tile.css +5 -5
  275. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  276. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  277. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  278. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  279. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  280. package/docs/components/TreeView/examples/TreeView.md +627 -49
  281. package/docs/components/Truncate/examples/Truncate.css +1 -2
  282. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  283. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  284. package/docs/demos/Alert/examples/Alert.md +924 -909
  285. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  286. package/docs/demos/Banner/examples/Banner.md +641 -659
  287. package/docs/demos/Button/examples/Button.md +8 -8
  288. package/docs/demos/Card/examples/Card.css +6 -6
  289. package/docs/demos/Card/examples/Card.md +419 -606
  290. package/docs/demos/CardView/examples/CardView.md +822 -1435
  291. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  292. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  294. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  295. package/docs/demos/Form/examples/BasicForms.md +153 -88
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  297. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  298. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  299. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  301. package/docs/demos/Page/examples/Page.css +11 -0
  302. package/docs/demos/Page/examples/Page.md +3753 -2540
  303. package/docs/demos/Panel/Panel.md +88 -0
  304. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  305. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  306. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  307. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  308. package/docs/demos/Table/examples/Table.md +14272 -15154
  309. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  310. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  311. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  312. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  313. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.css +4 -4
  315. package/docs/layouts/Flex/examples/Flex.md +50 -50
  316. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  317. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  318. package/docs/layouts/Grid/examples/Grid.css +3 -3
  319. package/docs/layouts/Grid/examples/Grid.md +33 -33
  320. package/docs/layouts/Level/examples/Level.css +5 -5
  321. package/docs/layouts/Split/examples/Split.css +4 -4
  322. package/docs/layouts/Stack/examples/Stack.css +5 -5
  323. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  324. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  325. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  326. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  327. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  328. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  329. package/docs/utilities/Display/examples/Display.css +3 -10
  330. package/docs/utilities/Display/examples/Display.md +21 -12
  331. package/docs/utilities/Flex/examples/Flex.css +7 -7
  332. package/docs/utilities/Flex/examples/Flex.md +82 -40
  333. package/docs/utilities/Float/examples/Float.css +5 -5
  334. package/docs/utilities/Float/examples/Float.md +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  336. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  337. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  338. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  339. package/docs/utilities/Text/examples/Text.md +78 -77
  340. package/icons/pficons.mjs +6 -0
  341. package/layouts/Bullseye/bullseye.css +4 -0
  342. package/layouts/Bullseye/bullseye.scss +5 -1
  343. package/layouts/Flex/flex.css +241 -237
  344. package/layouts/Flex/flex.scss +48 -44
  345. package/layouts/Gallery/gallery.css +15 -11
  346. package/layouts/Gallery/gallery.scss +9 -5
  347. package/layouts/Grid/grid.css +20 -16
  348. package/layouts/Grid/grid.scss +12 -8
  349. package/layouts/Level/level.css +5 -1
  350. package/layouts/Level/level.scss +6 -2
  351. package/layouts/Split/split.css +5 -1
  352. package/layouts/Split/split.scss +6 -2
  353. package/layouts/Stack/stack.css +5 -1
  354. package/layouts/Stack/stack.scss +6 -2
  355. package/layouts/_index.css +3461 -0
  356. package/layouts/_index.scss +8 -0
  357. package/package.json +39 -39
  358. package/patternfly-addons.css +2071 -2648
  359. package/patternfly-addons.scss +2 -12
  360. package/patternfly-base-no-globals.css +1429 -1645
  361. package/patternfly-base-no-globals.scss +5 -3
  362. package/patternfly-base.css +1511 -1723
  363. package/patternfly-base.scss +2 -6
  364. package/patternfly-charts.css +579 -240
  365. package/patternfly-charts.scss +352 -337
  366. package/patternfly-no-globals.css +19895 -23410
  367. package/patternfly-no-globals.scss +5 -4
  368. package/patternfly.css +19999 -23510
  369. package/patternfly.min.css +1 -1
  370. package/patternfly.min.css.map +1 -1
  371. package/patternfly.scss +3 -4
  372. package/sass-utilities/_index.scss +6 -0
  373. package/sass-utilities/functions.scss +25 -25
  374. package/sass-utilities/{_init.scss → init.scss} +6 -6
  375. package/sass-utilities/mixins.scss +108 -72
  376. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  377. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  378. package/sass-utilities/scss-variables.scss +49 -261
  379. package/utilities/Accessibility/accessibility.css +15 -15
  380. package/utilities/Accessibility/accessibility.scss +8 -6
  381. package/utilities/Alignment/alignment.css +29 -29
  382. package/utilities/Alignment/alignment.scss +6 -4
  383. package/utilities/BackgroundColor/background-color.css +67 -0
  384. package/utilities/BackgroundColor/background-color.scss +16 -0
  385. package/utilities/BoxShadow/box-shadow.css +15 -39
  386. package/utilities/BoxShadow/box-shadow.scss +19 -28
  387. package/utilities/Display/display.css +43 -5
  388. package/utilities/Display/display.scss +7 -4
  389. package/utilities/Flex/flex.css +50 -50
  390. package/utilities/Flex/flex.scss +21 -20
  391. package/utilities/Float/float.css +29 -29
  392. package/utilities/Float/float.scss +6 -6
  393. package/utilities/Sizing/sizing.css +58 -58
  394. package/utilities/Sizing/sizing.scss +23 -21
  395. package/utilities/Spacing/spacing.css +1372 -1372
  396. package/utilities/Spacing/spacing.scss +6 -6
  397. package/utilities/Text/text.css +419 -662
  398. package/utilities/Text/text.scss +81 -107
  399. package/utilities/_index.css +7815 -0
  400. package/utilities/_index.scss +10 -0
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/components/Toolbar/toolbar.css CHANGED
@@ -1,133 +1,215 @@
1
- .pf-v6-c-toolbar__content-section,
2
- .pf-v6-c-toolbar__group,
3
- .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 {
6
- --pf-v5-hidden-visible--hidden--Display: none;
7
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
8
- display: var(--pf-v5-hidden-visible--Display);
9
- }
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 {
13
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
14
- }
15
- @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 {
19
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
20
- }
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 {
24
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
25
- }
26
- }
27
- @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 {
31
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
32
- }
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 {
36
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
37
- }
38
- }
39
- @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 {
43
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
44
- }
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 {
48
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
49
- }
50
- }
51
- @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 {
55
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
56
- }
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 {
60
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
61
- }
62
- }
63
- @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 {
67
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
68
- }
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 {
72
- --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
73
- }
74
- }
75
-
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);
1
+ :root,
2
+ .pf-v6-c-toolbar {
3
+ --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
4
+ --pf-v6-c-toolbar--PaddingBlockStart: 0;
5
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6
+ --pf-v6-c-toolbar--PaddingInlineStart: 0;
7
+ --pf-v6-c-toolbar--PaddingInlineEnd: 0;
82
8
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
83
9
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
10
+ --pf-v6-c-toolbar--BackgroundColor: transparent;
11
+ --pf-v6-c-toolbar--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12
+ --pf-v6-c-toolbar--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13
+ --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
84
14
  --pf-v6-c-toolbar__item--Width: auto;
85
15
  --pf-v6-c-toolbar__item--MinWidth: auto;
86
- --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
16
+ --pf-v6-c-toolbar__item--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
17
+ --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
87
18
  --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
19
+ --pf-v6-c-toolbar__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
20
+ --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
88
21
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
89
- --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
90
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
91
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
92
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--Zindex--xs);
22
+ --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
23
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
24
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
25
+ --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
26
+ --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
27
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
28
+ --pf-v6-c-toolbar__expandable-content--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
29
+ --pf-v6-c-toolbar__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
30
+ --pf-v6-c-toolbar__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
31
+ --pf-v6-c-toolbar__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
32
+ --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
93
33
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
94
34
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
95
- --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--Zindex--xs);
35
+ --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
36
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
37
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
96
38
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
97
- --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
39
+ --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
98
40
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
99
- --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-v6-global--Transition);
41
+ --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
42
+ --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
100
43
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
101
- --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
44
+ --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
102
45
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
46
+ --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
47
+ --pf-v6-c-toolbar__group--m-action-group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
48
+ --pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
49
+ --pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
103
50
  }
104
51
 
105
52
  .pf-v6-c-toolbar__content-section,
106
53
  .pf-v6-c-toolbar__group,
107
- .pf-v6-c-toolbar__item,
108
- .pf-v6-c-toolbar__group.pf-m-chip-group-container,
109
- .pf-v6-c-toolbar__group.pf-m-chip-group {
110
- --pf-v5-hidden-visible--visible--Display: flex;
111
- flex-wrap: wrap;
54
+ .pf-v6-c-toolbar__item {
55
+ --pf-v6-hidden-visible--visible--Display: flex;
56
+ --pf-v6-hidden-visible--hidden--Display: none;
57
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
58
+ display: var(--pf-v6-hidden-visible--Display);
59
+ }
60
+ .pf-v6-c-toolbar__content-section.pf-m-hidden,
61
+ .pf-v6-c-toolbar__group.pf-m-hidden,
62
+ .pf-v6-c-toolbar__item.pf-m-hidden {
63
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
64
+ }
65
+ @media screen and (min-width: 36rem) {
66
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
67
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
68
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
69
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
70
+ }
71
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm,
72
+ .pf-v6-c-toolbar__group.pf-m-visible-on-sm,
73
+ .pf-v6-c-toolbar__item.pf-m-visible-on-sm {
74
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
75
+ }
76
+ }
77
+ @media screen and (min-width: 48rem) {
78
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
79
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
80
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
81
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
82
+ }
83
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-md,
84
+ .pf-v6-c-toolbar__group.pf-m-visible-on-md,
85
+ .pf-v6-c-toolbar__item.pf-m-visible-on-md {
86
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
87
+ }
88
+ }
89
+ @media screen and (min-width: 62rem) {
90
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
91
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
92
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
93
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
94
+ }
95
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg,
96
+ .pf-v6-c-toolbar__group.pf-m-visible-on-lg,
97
+ .pf-v6-c-toolbar__item.pf-m-visible-on-lg {
98
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
99
+ }
100
+ }
101
+ @media screen and (min-width: 75rem) {
102
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
103
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
104
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
105
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
106
+ }
107
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl,
108
+ .pf-v6-c-toolbar__group.pf-m-visible-on-xl,
109
+ .pf-v6-c-toolbar__item.pf-m-visible-on-xl {
110
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
111
+ }
112
+ }
113
+ @media screen and (min-width: 90.625rem) {
114
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
115
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
116
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
117
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
118
+ }
119
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl,
120
+ .pf-v6-c-toolbar__group.pf-m-visible-on-2xl,
121
+ .pf-v6-c-toolbar__item.pf-m-visible-on-2xl {
122
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
123
+ }
112
124
  }
113
125
 
114
126
  .pf-v6-c-toolbar,
115
127
  .pf-v6-c-toolbar__content {
116
128
  position: relative;
117
- display: grid;
129
+ }
130
+
131
+ .pf-v6-c-toolbar__content {
132
+ --pf-v6-hidden-visible--visible--Display: grid;
133
+ --pf-v6-hidden-visible--hidden--Display: none;
134
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
135
+ display: var(--pf-v6-hidden-visible--Display);
136
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
137
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
138
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
139
+ }
140
+ .pf-v6-c-toolbar__content.pf-m-hidden {
141
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
142
+ }
143
+ @media screen and (min-width: 36rem) {
144
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
145
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
146
+ }
147
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm {
148
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
149
+ }
150
+ }
151
+ @media screen and (min-width: 48rem) {
152
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
153
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
154
+ }
155
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md {
156
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
157
+ }
158
+ }
159
+ @media screen and (min-width: 62rem) {
160
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
161
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
162
+ }
163
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg {
164
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
165
+ }
166
+ }
167
+ @media screen and (min-width: 75rem) {
168
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
169
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
170
+ }
171
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl {
172
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
173
+ }
174
+ }
175
+ @media screen and (min-width: 90.625rem) {
176
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
177
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
178
+ }
179
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl {
180
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
181
+ }
182
+ }
183
+
184
+ .pf-v6-c-toolbar__content-section {
185
+ flex-wrap: wrap;
186
+ row-gap: var(--pf-v6-c-toolbar__content-section--RowGap);
187
+ column-gap: var(--pf-v6-c-toolbar__content-section--ColumnGap);
188
+ align-items: start;
118
189
  }
119
190
 
120
191
  .pf-v6-c-toolbar {
192
+ display: grid;
193
+ row-gap: var(--pf-v6-c-toolbar--RowGap);
121
194
  width: var(--pf-v6-c-toolbar--Width, auto);
195
+ padding-block-start: var(--pf-v6-c-toolbar--PaddingBlockStart);
196
+ padding-block-end: var(--pf-v6-c-toolbar--PaddingBlockEnd);
197
+ padding-inline-start: var(--pf-v6-c-toolbar--PaddingInlineStart);
198
+ padding-inline-end: var(--pf-v6-c-toolbar--PaddingInlineEnd);
122
199
  font-size: var(--pf-v6-c-toolbar--FontSize);
123
200
  line-height: var(--pf-v6-c-toolbar--LineHeight);
201
+ background-color: var(--pf-v6-c-toolbar--BackgroundColor);
124
202
  }
125
203
  .pf-v6-c-toolbar.pf-m-sticky {
204
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-sticky--BackgroundColor);
126
205
  position: sticky;
127
206
  inset-block-start: 0;
128
207
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
208
+ padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
209
+ padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
129
210
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
130
211
  }
212
+ .pf-v6-c-toolbar.pf-m-static,
131
213
  .pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__content {
132
214
  position: static;
133
215
  }
@@ -143,91 +225,70 @@
143
225
  align-items: stretch;
144
226
  align-self: stretch;
145
227
  }
146
- .pf-v6-c-toolbar.pf-m-page-insets {
147
- --pf-v6-c-toolbar--PaddingInlineStart: var(--pf-v6-c-toolbar--m-page-insets--inset);
148
- --pf-v6-c-toolbar--PaddingInlineEnd: var(--pf-v6-c-toolbar--m-page-insets--inset);
149
- }
150
-
151
- .pf-v6-c-toolbar__content,
152
- .pf-v6-c-toolbar__content-section,
153
- .pf-v6-c-toolbar__expandable-content {
154
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
155
- column-gap: var(--pf-v6-c-toolbar--ColumnGap);
156
- }
157
-
158
- .pf-v6-c-toolbar__content,
159
- .pf-v6-c-toolbar__expandable-content {
160
- padding-block-start: var(--pf-v6-c-toolbar__content--PaddingBlockStart, var(--pf-v6-c-toolbar__content--PaddingBlock));
161
- padding-block-end: var(--pf-v6-c-toolbar__content--PaddingBlockEnd, var(--pf-v6-c-toolbar__content--PaddingBlock));
162
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart, var(--pf-v6-c-toolbar__content--PaddingInline));
163
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd, var(--pf-v6-c-toolbar__content--PaddingInline));
164
- }
165
-
166
- .pf-v6-c-toolbar__content-section {
167
- align-items: start;
228
+ .pf-v6-c-toolbar.pf-m-primary {
229
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
168
230
  }
169
- .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) .pf-v6-c-toolbar__item.pf-m-pagination {
170
- margin-inline-start: revert;
231
+ .pf-v6-c-toolbar.pf-m-secondary {
232
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-secondary--BackgroundColor);
171
233
  }
172
- .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v6-c-toolbar__group:nth-last-child(2),
173
- .pf-v6-c-toolbar__content-section:has(.pf-v6-c-toolbar__item.pf-m-pagination:not(:only-child):last-child) > .pf-v6-c-toolbar__item:nth-last-child(2) {
174
- flex: 1;
234
+ .pf-v6-c-toolbar.pf-m-no-background {
235
+ --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
175
236
  }
176
237
 
177
238
  .pf-v6-c-toolbar__item {
178
239
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
179
240
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
180
- row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
241
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
181
242
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
182
243
  width: var(--pf-v6-c-toolbar__item--Width--base);
183
244
  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
184
245
  }
185
- @media (min-width: 576px) {
246
+ @media (min-width: 36rem) {
186
247
  .pf-v6-c-toolbar__item {
187
248
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
188
249
  }
189
250
  }
190
- @media (min-width: 768px) {
251
+ @media (min-width: 48rem) {
191
252
  .pf-v6-c-toolbar__item {
192
253
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
193
254
  }
194
255
  }
195
- @media (min-width: 992px) {
256
+ @media (min-width: 62rem) {
196
257
  .pf-v6-c-toolbar__item {
197
258
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
198
259
  }
199
260
  }
200
- @media (min-width: 1200px) {
261
+ @media (min-width: 75rem) {
201
262
  .pf-v6-c-toolbar__item {
202
263
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
203
264
  }
204
265
  }
205
- @media (min-width: 1450px) {
266
+ @media (min-width: 90.625rem) {
206
267
  .pf-v6-c-toolbar__item {
207
268
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
208
269
  }
209
270
  }
210
- @media (min-width: 576px) {
271
+ @media (min-width: 36rem) {
211
272
  .pf-v6-c-toolbar__item {
212
273
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
213
274
  }
214
275
  }
215
- @media (min-width: 768px) {
276
+ @media (min-width: 48rem) {
216
277
  .pf-v6-c-toolbar__item {
217
278
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
218
279
  }
219
280
  }
220
- @media (min-width: 992px) {
281
+ @media (min-width: 62rem) {
221
282
  .pf-v6-c-toolbar__item {
222
283
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
223
284
  }
224
285
  }
225
- @media (min-width: 1200px) {
286
+ @media (min-width: 75rem) {
226
287
  .pf-v6-c-toolbar__item {
227
288
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
228
289
  }
229
290
  }
230
- @media (min-width: 1450px) {
291
+ @media (min-width: 90.625rem) {
231
292
  .pf-v6-c-toolbar__item {
232
293
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
233
294
  }
@@ -249,21 +310,26 @@
249
310
  }
250
311
 
251
312
  .pf-v6-c-toolbar__group {
252
- row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
253
- column-gap: var(--pf-v6-c-toolbar__group--ColumnGap, var(--pf-v6-c-toolbar--ColumnGap));
254
- align-items: baseline;
255
- }
256
- .pf-v6-c-toolbar__group.pf-m-icon-button-group {
257
- column-gap: var(--pf-v6-c-toolbar__group--m-icon-button-group--ColumnGap, 0);
313
+ row-gap: var(--pf-v6-c-toolbar__group--RowGap);
314
+ column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
258
315
  }
259
316
  .pf-v6-c-toolbar__group.pf-m-filter-group {
260
317
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
261
318
  }
262
- .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-chip-group-container {
263
- flex-wrap: nowrap;
264
- }
265
- .pf-v6-c-toolbar__group.pf-m-chip-group {
319
+ .pf-v6-c-toolbar__group.pf-m-label-group {
266
320
  flex: 1;
321
+ flex-wrap: wrap;
322
+ column-gap: var(--pf-v6-c-toolbar__group--m-label-group--ColumnGap);
323
+ }
324
+ .pf-v6-c-toolbar__group.pf-m-action-group {
325
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
326
+ }
327
+ .pf-v6-c-toolbar__group.pf-m-action-group-plain {
328
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
329
+ }
330
+ .pf-v6-c-toolbar__group.pf-m-action-group-inline {
331
+ flex-wrap: wrap;
332
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
267
333
  }
268
334
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
269
335
  min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
@@ -272,13 +338,19 @@
272
338
  .pf-v6-c-toolbar__expandable-content {
273
339
  position: absolute;
274
340
  inset-block-start: 100%;
341
+ inset-inline-start: 0;
275
342
  z-index: var(--pf-v6-c-toolbar__expandable-content--ZIndex);
276
343
  display: none;
344
+ row-gap: var(--pf-v6-c-toolbar__expandable-content--RowGap);
277
345
  width: 100%;
346
+ padding-block-start: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockStart);
347
+ padding-block-end: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockEnd);
348
+ padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
349
+ padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
278
350
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
279
351
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
280
352
  }
281
- @media screen and (min-width: 992px) {
353
+ @media screen and (min-width: 62rem) {
282
354
  .pf-v6-c-toolbar__expandable-content {
283
355
  position: static;
284
356
  padding: 0;
@@ -292,10 +364,14 @@
292
364
  .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__item > * {
293
365
  flex-basis: 100%;
294
366
  }
367
+ .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__group.pf-m-action-group-inline {
368
+ display: flex;
369
+ justify-content: center;
370
+ }
295
371
 
296
372
  .pf-v6-c-toolbar__expand-all-icon {
297
- display: inline-block;
298
- transition: var(--pf-v6-c-toolbar__expand-all-icon--Transition);
373
+ display: inline-flex;
374
+ transition: transform var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration) var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
299
375
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
300
376
  }
301
377
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
@@ -304,7 +380,7 @@
304
380
 
305
381
  .pf-v6-c-toolbar__group,
306
382
  .pf-v6-c-toolbar__item {
307
- align-self: baseline;
383
+ align-items: baseline;
308
384
  }
309
385
  .pf-v6-c-toolbar__group.pf-m-overflow-container,
310
386
  .pf-v6-c-toolbar__item.pf-m-overflow-container {
@@ -350,363 +426,203 @@
350
426
  align-self: end;
351
427
  }
352
428
 
353
- .pf-v6-c-toolbar.pf-m-inset-none,
354
- .pf-v6-c-toolbar__content.pf-m-inset-none,
355
- .pf-v6-c-toolbar__content-section.pf-m-inset-none {
356
- --pf-v6-c-toolbar__content--PaddingInline: 0;
357
- }
358
- .pf-v6-c-toolbar.pf-m-inset-xs,
359
- .pf-v6-c-toolbar__content.pf-m-inset-xs,
360
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs {
361
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xs);
362
- }
363
- .pf-v6-c-toolbar.pf-m-inset-sm,
364
- .pf-v6-c-toolbar__content.pf-m-inset-sm,
365
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm {
366
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--sm);
367
- }
368
- .pf-v6-c-toolbar.pf-m-inset-md,
369
- .pf-v6-c-toolbar__content.pf-m-inset-md,
370
- .pf-v6-c-toolbar__content-section.pf-m-inset-md {
371
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--md);
372
- }
373
- .pf-v6-c-toolbar.pf-m-inset-lg,
374
- .pf-v6-c-toolbar__content.pf-m-inset-lg,
375
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg {
376
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--lg);
377
- }
378
- .pf-v6-c-toolbar.pf-m-inset-xl,
379
- .pf-v6-c-toolbar__content.pf-m-inset-xl,
380
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl {
381
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xl);
382
- }
383
- .pf-v6-c-toolbar.pf-m-inset-2xl,
384
- .pf-v6-c-toolbar__content.pf-m-inset-2xl,
385
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl {
386
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--2xl);
387
- }
388
- .pf-v6-c-toolbar.pf-m-inset-3xl,
389
- .pf-v6-c-toolbar__content.pf-m-inset-3xl,
390
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl {
391
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--3xl);
392
- }
393
- .pf-v6-c-toolbar.pf-m-inset-4xl,
394
- .pf-v6-c-toolbar__content.pf-m-inset-4xl,
395
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl {
396
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--4xl);
429
+ .pf-v6-c-toolbar.pf-m-inset-none {
430
+ padding-inline: 0;
431
+ }
432
+ .pf-v6-c-toolbar.pf-m-inset-xs {
433
+ padding-inline: var(--pf-t--global--spacer--xs);
434
+ }
435
+ .pf-v6-c-toolbar.pf-m-inset-sm {
436
+ padding-inline: var(--pf-t--global--spacer--sm);
437
+ }
438
+ .pf-v6-c-toolbar.pf-m-inset-md {
439
+ padding-inline: var(--pf-t--global--spacer--md);
440
+ }
441
+ .pf-v6-c-toolbar.pf-m-inset-lg {
442
+ padding-inline: var(--pf-t--global--spacer--lg);
443
+ }
444
+ .pf-v6-c-toolbar.pf-m-inset-xl {
445
+ padding-inline: var(--pf-t--global--spacer--xl);
446
+ }
447
+ .pf-v6-c-toolbar.pf-m-inset-2xl {
448
+ padding-inline: var(--pf-t--global--spacer--2xl);
449
+ }
450
+ .pf-v6-c-toolbar.pf-m-inset-3xl {
451
+ padding-inline: var(--pf-t--global--spacer--3xl);
452
+ }
453
+ .pf-v6-c-toolbar.pf-m-inset-4xl {
454
+ padding-inline: var(--pf-t--global--spacer--4xl);
397
455
  }
398
456
 
399
457
  .pf-v6-c-toolbar__group.pf-m-wrap,
400
458
  .pf-v6-c-toolbar__item.pf-m-wrap,
401
- .pf-v6-c-toolbar__content.pf-m-wrap,
402
459
  .pf-v6-c-toolbar__content-section.pf-m-wrap {
403
460
  flex-wrap: wrap;
404
461
  }
405
462
  .pf-v6-c-toolbar__group.pf-m-nowrap,
406
463
  .pf-v6-c-toolbar__item.pf-m-nowrap,
407
- .pf-v6-c-toolbar__content.pf-m-nowrap,
408
464
  .pf-v6-c-toolbar__content-section.pf-m-nowrap {
409
465
  flex-wrap: nowrap;
410
466
  }
411
467
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch,
412
468
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch,
413
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch,
414
469
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch {
415
470
  align-items: stretch;
416
471
  }
417
472
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline,
418
473
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline,
419
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline,
420
474
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline {
421
475
  align-items: baseline;
422
476
  }
423
477
  .pf-v6-c-toolbar__group.pf-m-align-items-start,
424
478
  .pf-v6-c-toolbar__item.pf-m-align-items-start,
425
- .pf-v6-c-toolbar__content.pf-m-align-items-start,
426
479
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start {
427
480
  align-items: start;
428
481
  }
429
482
  .pf-v6-c-toolbar__group.pf-m-align-items-center,
430
483
  .pf-v6-c-toolbar__item.pf-m-align-items-center,
431
- .pf-v6-c-toolbar__content.pf-m-align-items-center,
432
484
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center {
433
485
  align-items: center;
434
486
  }
435
487
  .pf-v6-c-toolbar__group.pf-m-align-items-end,
436
488
  .pf-v6-c-toolbar__item.pf-m-align-items-end,
437
- .pf-v6-c-toolbar__content.pf-m-align-items-end,
438
489
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end {
439
490
  align-items: end;
440
491
  }
441
492
  .pf-v6-c-toolbar__group.pf-m-gap-none,
442
493
  .pf-v6-c-toolbar__item.pf-m-gap-none,
443
- .pf-v6-c-toolbar__content.pf-m-gap-none,
444
494
  .pf-v6-c-toolbar__content-section.pf-m-gap-none {
445
- column-gap: 0;
495
+ gap: 0;
446
496
  }
447
497
  .pf-v6-c-toolbar__group.pf-m-gap-xs,
448
498
  .pf-v6-c-toolbar__item.pf-m-gap-xs,
449
- .pf-v6-c-toolbar__content.pf-m-gap-xs,
450
499
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
451
- column-gap: var(--pf-v6-global--spacer--xs);
500
+ gap: var(--pf-t--global--spacer--xs);
452
501
  }
453
502
  .pf-v6-c-toolbar__group.pf-m-gap-sm,
454
503
  .pf-v6-c-toolbar__item.pf-m-gap-sm,
455
- .pf-v6-c-toolbar__content.pf-m-gap-sm,
456
504
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
457
- column-gap: var(--pf-v6-global--spacer--sm);
505
+ gap: var(--pf-t--global--spacer--sm);
458
506
  }
459
507
  .pf-v6-c-toolbar__group.pf-m-gap-md,
460
508
  .pf-v6-c-toolbar__item.pf-m-gap-md,
461
- .pf-v6-c-toolbar__content.pf-m-gap-md,
462
509
  .pf-v6-c-toolbar__content-section.pf-m-gap-md {
463
- column-gap: var(--pf-v6-global--spacer--md);
510
+ gap: var(--pf-t--global--spacer--md);
464
511
  }
465
512
  .pf-v6-c-toolbar__group.pf-m-gap-lg,
466
513
  .pf-v6-c-toolbar__item.pf-m-gap-lg,
467
- .pf-v6-c-toolbar__content.pf-m-gap-lg,
468
514
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
469
- column-gap: var(--pf-v6-global--spacer--lg);
515
+ gap: var(--pf-t--global--spacer--lg);
470
516
  }
471
517
  .pf-v6-c-toolbar__group.pf-m-gap-xl,
472
518
  .pf-v6-c-toolbar__item.pf-m-gap-xl,
473
- .pf-v6-c-toolbar__content.pf-m-gap-xl,
474
519
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
475
- column-gap: var(--pf-v6-global--spacer--xl);
520
+ gap: var(--pf-t--global--spacer--xl);
476
521
  }
477
522
  .pf-v6-c-toolbar__group.pf-m-gap-2xl,
478
523
  .pf-v6-c-toolbar__item.pf-m-gap-2xl,
479
- .pf-v6-c-toolbar__content.pf-m-gap-2xl,
480
524
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
481
- column-gap: var(--pf-v6-global--spacer--2xl);
525
+ gap: var(--pf-t--global--spacer--2xl);
482
526
  }
483
527
  .pf-v6-c-toolbar__group.pf-m-gap-3xl,
484
528
  .pf-v6-c-toolbar__item.pf-m-gap-3xl,
485
- .pf-v6-c-toolbar__content.pf-m-gap-3xl,
486
529
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
487
- column-gap: var(--pf-v6-global--spacer--3xl);
530
+ gap: var(--pf-t--global--spacer--3xl);
488
531
  }
489
532
  .pf-v6-c-toolbar__group.pf-m-gap-4xl,
490
533
  .pf-v6-c-toolbar__item.pf-m-gap-4xl,
491
- .pf-v6-c-toolbar__content.pf-m-gap-4xl,
492
534
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
493
- column-gap: var(--pf-v6-global--spacer--4xl);
535
+ gap: var(--pf-t--global--spacer--4xl);
494
536
  }
495
537
  .pf-v6-c-toolbar__group.pf-m-column-gap-none,
496
538
  .pf-v6-c-toolbar__item.pf-m-column-gap-none,
497
- .pf-v6-c-toolbar__content.pf-m-column-gap-none,
498
539
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none {
499
540
  column-gap: 0;
500
541
  }
501
542
  .pf-v6-c-toolbar__group.pf-m-row-gap-none,
502
543
  .pf-v6-c-toolbar__item.pf-m-row-gap-none,
503
- .pf-v6-c-toolbar__content.pf-m-row-gap-none,
504
544
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
505
- column-gap: 0;
506
- }
507
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone,
508
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone,
509
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone,
510
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone {
511
- margin-inline-start: 0;
512
- }
513
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone,
514
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone,
515
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone,
516
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone {
517
- margin-inline-end: 0;
545
+ row-gap: 0;
518
546
  }
519
547
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs,
520
548
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs,
521
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs,
522
549
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs {
523
- column-gap: var(--pf-v6-global--spacer--xs);
550
+ column-gap: var(--pf-t--global--spacer--xs);
524
551
  }
525
552
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs,
526
553
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs,
527
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs,
528
554
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
529
- column-gap: var(--pf-v6-global--spacer--xs);
530
- }
531
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs,
532
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs,
533
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs,
534
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs {
535
- margin-inline-start: var(--pf-v6-global--spacer--xs);
536
- }
537
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs,
538
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs,
539
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs,
540
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs {
541
- margin-inline-end: var(--pf-v6-global--spacer--xs);
555
+ row-gap: var(--pf-t--global--spacer--xs);
542
556
  }
543
557
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm,
544
558
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm,
545
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm,
546
559
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm {
547
- column-gap: var(--pf-v6-global--spacer--sm);
560
+ column-gap: var(--pf-t--global--spacer--sm);
548
561
  }
549
562
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm,
550
563
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm,
551
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm,
552
564
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
553
- column-gap: var(--pf-v6-global--spacer--sm);
554
- }
555
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm,
556
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm,
557
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm,
558
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm {
559
- margin-inline-start: var(--pf-v6-global--spacer--sm);
560
- }
561
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm,
562
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm,
563
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm,
564
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm {
565
- margin-inline-end: var(--pf-v6-global--spacer--sm);
565
+ row-gap: var(--pf-t--global--spacer--sm);
566
566
  }
567
567
  .pf-v6-c-toolbar__group.pf-m-column-gap-md,
568
568
  .pf-v6-c-toolbar__item.pf-m-column-gap-md,
569
- .pf-v6-c-toolbar__content.pf-m-column-gap-md,
570
569
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md {
571
- column-gap: var(--pf-v6-global--spacer--md);
570
+ column-gap: var(--pf-t--global--spacer--md);
572
571
  }
573
572
  .pf-v6-c-toolbar__group.pf-m-row-gap-md,
574
573
  .pf-v6-c-toolbar__item.pf-m-row-gap-md,
575
- .pf-v6-c-toolbar__content.pf-m-row-gap-md,
576
574
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
577
- column-gap: var(--pf-v6-global--spacer--md);
578
- }
579
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd,
580
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd,
581
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd,
582
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd {
583
- margin-inline-start: var(--pf-v6-global--spacer--md);
584
- }
585
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd,
586
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd,
587
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd,
588
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd {
589
- margin-inline-end: var(--pf-v6-global--spacer--md);
575
+ row-gap: var(--pf-t--global--spacer--md);
590
576
  }
591
577
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg,
592
578
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg,
593
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg,
594
579
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg {
595
- column-gap: var(--pf-v6-global--spacer--lg);
580
+ column-gap: var(--pf-t--global--spacer--lg);
596
581
  }
597
582
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg,
598
583
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg,
599
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg,
600
584
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
601
- column-gap: var(--pf-v6-global--spacer--lg);
602
- }
603
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg,
604
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg,
605
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg,
606
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg {
607
- margin-inline-start: var(--pf-v6-global--spacer--lg);
608
- }
609
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg,
610
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg,
611
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg,
612
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg {
613
- margin-inline-end: var(--pf-v6-global--spacer--lg);
585
+ row-gap: var(--pf-t--global--spacer--lg);
614
586
  }
615
587
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl,
616
588
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl,
617
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl,
618
589
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl {
619
- column-gap: var(--pf-v6-global--spacer--xl);
590
+ column-gap: var(--pf-t--global--spacer--xl);
620
591
  }
621
592
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl,
622
593
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl,
623
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl,
624
594
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
625
- column-gap: var(--pf-v6-global--spacer--xl);
626
- }
627
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl,
628
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl,
629
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl,
630
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl {
631
- margin-inline-start: var(--pf-v6-global--spacer--xl);
632
- }
633
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl,
634
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl,
635
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl,
636
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl {
637
- margin-inline-end: var(--pf-v6-global--spacer--xl);
595
+ row-gap: var(--pf-t--global--spacer--xl);
638
596
  }
639
597
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl,
640
598
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl,
641
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl,
642
599
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl {
643
- column-gap: var(--pf-v6-global--spacer--2xl);
600
+ column-gap: var(--pf-t--global--spacer--2xl);
644
601
  }
645
602
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl,
646
603
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
647
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl,
648
604
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
649
- column-gap: var(--pf-v6-global--spacer--2xl);
650
- }
651
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl,
652
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl,
653
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl,
654
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl {
655
- margin-inline-start: var(--pf-v6-global--spacer--2xl);
656
- }
657
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl,
658
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl,
659
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl,
660
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl {
661
- margin-inline-end: var(--pf-v6-global--spacer--2xl);
605
+ row-gap: var(--pf-t--global--spacer--2xl);
662
606
  }
663
607
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl,
664
608
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl,
665
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl,
666
609
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl {
667
- column-gap: var(--pf-v6-global--spacer--3xl);
610
+ column-gap: var(--pf-t--global--spacer--3xl);
668
611
  }
669
612
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl,
670
613
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
671
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl,
672
614
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
673
- column-gap: var(--pf-v6-global--spacer--3xl);
674
- }
675
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl,
676
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl,
677
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl,
678
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl {
679
- margin-inline-start: var(--pf-v6-global--spacer--3xl);
680
- }
681
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl,
682
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl,
683
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl,
684
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl {
685
- margin-inline-end: var(--pf-v6-global--spacer--3xl);
615
+ row-gap: var(--pf-t--global--spacer--3xl);
686
616
  }
687
617
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl,
688
618
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl,
689
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl,
690
619
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl {
691
- column-gap: var(--pf-v6-global--spacer--4xl);
620
+ column-gap: var(--pf-t--global--spacer--4xl);
692
621
  }
693
622
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl,
694
623
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
695
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl,
696
624
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
697
- column-gap: var(--pf-v6-global--spacer--4xl);
698
- }
699
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl,
700
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl,
701
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl,
702
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl {
703
- margin-inline-start: var(--pf-v6-global--spacer--4xl);
704
- }
705
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl,
706
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl,
707
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl,
708
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl {
709
- margin-inline-end: var(--pf-v6-global--spacer--4xl);
625
+ row-gap: var(--pf-t--global--spacer--4xl);
710
626
  }
711
627
 
712
628
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show .pf-v6-c-toolbar__group,
@@ -723,10 +639,10 @@
723
639
  display: none;
724
640
  }
725
641
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide .pf-v6-c-toolbar__toggle {
726
- display: inline-block;
642
+ display: inline-flex;
727
643
  }
728
644
 
729
- @media (min-width: 576px) {
645
+ @media (min-width: 36rem) {
730
646
  .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
731
647
  .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
732
648
  margin-inline-start: 0;
@@ -764,362 +680,202 @@
764
680
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
765
681
  align-self: end;
766
682
  }
767
- .pf-v6-c-toolbar.pf-m-inset-none-on-sm,
768
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-sm,
769
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-sm {
770
- --pf-v6-c-toolbar__content--PaddingInline: 0;
771
- }
772
- .pf-v6-c-toolbar.pf-m-inset-xs-on-sm,
773
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-sm,
774
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-sm {
775
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xs);
776
- }
777
- .pf-v6-c-toolbar.pf-m-inset-sm-on-sm,
778
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-sm,
779
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-sm {
780
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--sm);
781
- }
782
- .pf-v6-c-toolbar.pf-m-inset-md-on-sm,
783
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-sm,
784
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-sm {
785
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--md);
786
- }
787
- .pf-v6-c-toolbar.pf-m-inset-lg-on-sm,
788
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-sm,
789
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-sm {
790
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--lg);
791
- }
792
- .pf-v6-c-toolbar.pf-m-inset-xl-on-sm,
793
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-sm,
794
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-sm {
795
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xl);
796
- }
797
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm,
798
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-sm,
799
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-sm {
800
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--2xl);
801
- }
802
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm,
803
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-sm,
804
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-sm {
805
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--3xl);
806
- }
807
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm,
808
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-sm,
809
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-sm {
810
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--4xl);
683
+ .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
684
+ padding-inline: 0;
685
+ }
686
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
687
+ padding-inline: var(--pf-t--global--spacer--xs);
688
+ }
689
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
690
+ padding-inline: var(--pf-t--global--spacer--sm);
691
+ }
692
+ .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
693
+ padding-inline: var(--pf-t--global--spacer--md);
694
+ }
695
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
696
+ padding-inline: var(--pf-t--global--spacer--lg);
697
+ }
698
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
699
+ padding-inline: var(--pf-t--global--spacer--xl);
700
+ }
701
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
702
+ padding-inline: var(--pf-t--global--spacer--2xl);
703
+ }
704
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
705
+ padding-inline: var(--pf-t--global--spacer--3xl);
706
+ }
707
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
708
+ padding-inline: var(--pf-t--global--spacer--4xl);
811
709
  }
812
710
  .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
813
711
  .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
814
- .pf-v6-c-toolbar__content.pf-m-wrap-on-sm,
815
712
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
816
713
  flex-wrap: wrap;
817
714
  }
818
715
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-sm,
819
716
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-sm,
820
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-sm,
821
717
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-sm {
822
718
  flex-wrap: nowrap;
823
719
  }
824
720
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-sm,
825
721
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-sm,
826
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-sm,
827
722
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
828
723
  align-items: stretch;
829
724
  }
830
725
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-sm,
831
726
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-sm,
832
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-sm,
833
727
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
834
728
  align-items: baseline;
835
729
  }
836
730
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-sm,
837
731
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-sm,
838
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-sm,
839
732
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-sm {
840
733
  align-items: start;
841
734
  }
842
735
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-sm,
843
736
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-sm,
844
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-sm,
845
737
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-sm {
846
738
  align-items: center;
847
739
  }
848
740
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-sm,
849
741
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-sm,
850
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-sm,
851
742
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-sm {
852
743
  align-items: end;
853
744
  }
854
745
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-sm,
855
746
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
856
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
857
747
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
858
- column-gap: 0;
748
+ gap: 0;
859
749
  }
860
750
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
861
751
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
862
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
863
752
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
864
- column-gap: var(--pf-v6-global--spacer--xs);
753
+ gap: var(--pf-t--global--spacer--xs);
865
754
  }
866
755
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
867
756
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
868
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
869
757
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
870
- column-gap: var(--pf-v6-global--spacer--sm);
758
+ gap: var(--pf-t--global--spacer--sm);
871
759
  }
872
760
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
873
761
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
874
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
875
762
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
876
- column-gap: var(--pf-v6-global--spacer--md);
763
+ gap: var(--pf-t--global--spacer--md);
877
764
  }
878
765
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
879
766
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
880
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
881
767
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
882
- column-gap: var(--pf-v6-global--spacer--lg);
768
+ gap: var(--pf-t--global--spacer--lg);
883
769
  }
884
770
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
885
771
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
886
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
887
772
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
888
- column-gap: var(--pf-v6-global--spacer--xl);
773
+ gap: var(--pf-t--global--spacer--xl);
889
774
  }
890
775
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
891
776
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
892
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
893
777
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
894
- column-gap: var(--pf-v6-global--spacer--2xl);
778
+ gap: var(--pf-t--global--spacer--2xl);
895
779
  }
896
780
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
897
781
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
898
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
899
782
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
900
- column-gap: var(--pf-v6-global--spacer--3xl);
783
+ gap: var(--pf-t--global--spacer--3xl);
901
784
  }
902
785
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
903
786
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
904
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
905
787
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
906
- column-gap: var(--pf-v6-global--spacer--4xl);
788
+ gap: var(--pf-t--global--spacer--4xl);
907
789
  }
908
790
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
909
791
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-sm,
910
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-sm,
911
792
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
912
793
  column-gap: 0;
913
794
  }
914
795
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-sm,
915
796
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
916
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-sm,
917
797
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
918
- column-gap: 0;
919
- }
920
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-sm,
921
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-sm,
922
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-sm,
923
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-sm {
924
- margin-inline-start: 0;
925
- }
926
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-sm,
927
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-sm,
928
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-sm,
929
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-sm {
930
- margin-inline-end: 0;
798
+ row-gap: 0;
931
799
  }
932
800
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-sm,
933
801
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-sm,
934
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-sm,
935
802
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
936
- column-gap: var(--pf-v6-global--spacer--xs);
803
+ column-gap: var(--pf-t--global--spacer--xs);
937
804
  }
938
805
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-sm,
939
806
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
940
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-sm,
941
807
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
942
- column-gap: var(--pf-v6-global--spacer--xs);
943
- }
944
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-sm,
945
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-sm,
946
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-sm,
947
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-sm {
948
- margin-inline-start: var(--pf-v6-global--spacer--xs);
949
- }
950
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-sm,
951
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-sm,
952
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-sm,
953
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-sm {
954
- margin-inline-end: var(--pf-v6-global--spacer--xs);
808
+ row-gap: var(--pf-t--global--spacer--xs);
955
809
  }
956
810
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-sm,
957
811
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-sm,
958
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-sm,
959
812
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
960
- column-gap: var(--pf-v6-global--spacer--sm);
813
+ column-gap: var(--pf-t--global--spacer--sm);
961
814
  }
962
815
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-sm,
963
816
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
964
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-sm,
965
817
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
966
- column-gap: var(--pf-v6-global--spacer--sm);
967
- }
968
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-sm,
969
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-sm,
970
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-sm,
971
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-sm {
972
- margin-inline-start: var(--pf-v6-global--spacer--sm);
973
- }
974
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-sm,
975
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-sm,
976
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-sm,
977
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-sm {
978
- margin-inline-end: var(--pf-v6-global--spacer--sm);
818
+ row-gap: var(--pf-t--global--spacer--sm);
979
819
  }
980
820
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-sm,
981
821
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-sm,
982
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-sm,
983
822
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
984
- column-gap: var(--pf-v6-global--spacer--md);
823
+ column-gap: var(--pf-t--global--spacer--md);
985
824
  }
986
825
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-sm,
987
826
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
988
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-sm,
989
827
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
990
- column-gap: var(--pf-v6-global--spacer--md);
991
- }
992
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-sm,
993
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-sm,
994
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-sm,
995
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-sm {
996
- margin-inline-start: var(--pf-v6-global--spacer--md);
997
- }
998
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-sm,
999
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-sm,
1000
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-sm,
1001
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-sm {
1002
- margin-inline-end: var(--pf-v6-global--spacer--md);
828
+ row-gap: var(--pf-t--global--spacer--md);
1003
829
  }
1004
830
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-sm,
1005
831
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-sm,
1006
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-sm,
1007
832
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
1008
- column-gap: var(--pf-v6-global--spacer--lg);
833
+ column-gap: var(--pf-t--global--spacer--lg);
1009
834
  }
1010
835
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-sm,
1011
836
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
1012
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-sm,
1013
837
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
1014
- column-gap: var(--pf-v6-global--spacer--lg);
1015
- }
1016
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-sm,
1017
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-sm,
1018
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-sm,
1019
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-sm {
1020
- margin-inline-start: var(--pf-v6-global--spacer--lg);
1021
- }
1022
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-sm,
1023
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-sm,
1024
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-sm,
1025
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-sm {
1026
- margin-inline-end: var(--pf-v6-global--spacer--lg);
838
+ row-gap: var(--pf-t--global--spacer--lg);
1027
839
  }
1028
840
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-sm,
1029
841
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-sm,
1030
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-sm,
1031
842
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
1032
- column-gap: var(--pf-v6-global--spacer--xl);
843
+ column-gap: var(--pf-t--global--spacer--xl);
1033
844
  }
1034
845
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-sm,
1035
846
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
1036
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-sm,
1037
847
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
1038
- column-gap: var(--pf-v6-global--spacer--xl);
1039
- }
1040
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-sm,
1041
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-sm,
1042
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-sm,
1043
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-sm {
1044
- margin-inline-start: var(--pf-v6-global--spacer--xl);
1045
- }
1046
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-sm,
1047
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-sm,
1048
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-sm,
1049
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-sm {
1050
- margin-inline-end: var(--pf-v6-global--spacer--xl);
848
+ row-gap: var(--pf-t--global--spacer--xl);
1051
849
  }
1052
850
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
1053
851
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
1054
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
1055
852
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
1056
- column-gap: var(--pf-v6-global--spacer--2xl);
853
+ column-gap: var(--pf-t--global--spacer--2xl);
1057
854
  }
1058
855
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
1059
856
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
1060
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
1061
857
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
1062
- column-gap: var(--pf-v6-global--spacer--2xl);
1063
- }
1064
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-sm,
1065
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-sm,
1066
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-sm,
1067
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-sm {
1068
- margin-inline-start: var(--pf-v6-global--spacer--2xl);
1069
- }
1070
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-sm,
1071
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-sm,
1072
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-sm,
1073
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-sm {
1074
- margin-inline-end: var(--pf-v6-global--spacer--2xl);
858
+ row-gap: var(--pf-t--global--spacer--2xl);
1075
859
  }
1076
860
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
1077
861
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
1078
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
1079
862
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
1080
- column-gap: var(--pf-v6-global--spacer--3xl);
863
+ column-gap: var(--pf-t--global--spacer--3xl);
1081
864
  }
1082
865
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
1083
866
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
1084
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
1085
867
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
1086
- column-gap: var(--pf-v6-global--spacer--3xl);
1087
- }
1088
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-sm,
1089
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-sm,
1090
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-sm,
1091
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-sm {
1092
- margin-inline-start: var(--pf-v6-global--spacer--3xl);
1093
- }
1094
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-sm,
1095
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-sm,
1096
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-sm,
1097
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-sm {
1098
- margin-inline-end: var(--pf-v6-global--spacer--3xl);
868
+ row-gap: var(--pf-t--global--spacer--3xl);
1099
869
  }
1100
870
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
1101
871
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
1102
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
1103
872
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
1104
- column-gap: var(--pf-v6-global--spacer--4xl);
873
+ column-gap: var(--pf-t--global--spacer--4xl);
1105
874
  }
1106
875
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
1107
876
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
1108
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
1109
877
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
1110
- column-gap: var(--pf-v6-global--spacer--4xl);
1111
- }
1112
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-sm,
1113
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-sm,
1114
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-sm,
1115
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-sm {
1116
- margin-inline-start: var(--pf-v6-global--spacer--4xl);
1117
- }
1118
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-sm,
1119
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-sm,
1120
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-sm,
1121
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-sm {
1122
- margin-inline-end: var(--pf-v6-global--spacer--4xl);
878
+ row-gap: var(--pf-t--global--spacer--4xl);
1123
879
  }
1124
880
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__group,
1125
881
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-sm .pf-v6-c-toolbar__item {
@@ -1135,10 +891,10 @@
1135
891
  display: none;
1136
892
  }
1137
893
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-sm .pf-v6-c-toolbar__toggle {
1138
- display: inline-block;
894
+ display: inline-flex;
1139
895
  }
1140
896
  }
1141
- @media (min-width: 768px) {
897
+ @media (min-width: 48rem) {
1142
898
  .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
1143
899
  .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
1144
900
  margin-inline-start: 0;
@@ -1176,362 +932,202 @@
1176
932
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
1177
933
  align-self: end;
1178
934
  }
1179
- .pf-v6-c-toolbar.pf-m-inset-none-on-md,
1180
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-md,
1181
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-md {
1182
- --pf-v6-c-toolbar__content--PaddingInline: 0;
1183
- }
1184
- .pf-v6-c-toolbar.pf-m-inset-xs-on-md,
1185
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-md,
1186
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-md {
1187
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xs);
1188
- }
1189
- .pf-v6-c-toolbar.pf-m-inset-sm-on-md,
1190
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-md,
1191
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-md {
1192
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--sm);
1193
- }
1194
- .pf-v6-c-toolbar.pf-m-inset-md-on-md,
1195
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-md,
1196
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-md {
1197
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--md);
1198
- }
1199
- .pf-v6-c-toolbar.pf-m-inset-lg-on-md,
1200
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-md,
1201
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-md {
1202
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--lg);
1203
- }
1204
- .pf-v6-c-toolbar.pf-m-inset-xl-on-md,
1205
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-md,
1206
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-md {
1207
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xl);
1208
- }
1209
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-md,
1210
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-md,
1211
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-md {
1212
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--2xl);
1213
- }
1214
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-md,
1215
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-md,
1216
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-md {
1217
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--3xl);
1218
- }
1219
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-md,
1220
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-md,
1221
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-md {
1222
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--4xl);
935
+ .pf-v6-c-toolbar.pf-m-inset-none-on-md {
936
+ padding-inline: 0;
937
+ }
938
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
939
+ padding-inline: var(--pf-t--global--spacer--xs);
940
+ }
941
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
942
+ padding-inline: var(--pf-t--global--spacer--sm);
943
+ }
944
+ .pf-v6-c-toolbar.pf-m-inset-md-on-md {
945
+ padding-inline: var(--pf-t--global--spacer--md);
946
+ }
947
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
948
+ padding-inline: var(--pf-t--global--spacer--lg);
949
+ }
950
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
951
+ padding-inline: var(--pf-t--global--spacer--xl);
952
+ }
953
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
954
+ padding-inline: var(--pf-t--global--spacer--2xl);
955
+ }
956
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
957
+ padding-inline: var(--pf-t--global--spacer--3xl);
958
+ }
959
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
960
+ padding-inline: var(--pf-t--global--spacer--4xl);
1223
961
  }
1224
962
  .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
1225
963
  .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
1226
- .pf-v6-c-toolbar__content.pf-m-wrap-on-md,
1227
964
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
1228
965
  flex-wrap: wrap;
1229
966
  }
1230
967
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-md,
1231
968
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-md,
1232
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-md,
1233
969
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-md {
1234
970
  flex-wrap: nowrap;
1235
971
  }
1236
972
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-md,
1237
973
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-md,
1238
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-md,
1239
974
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
1240
975
  align-items: stretch;
1241
976
  }
1242
977
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-md,
1243
978
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-md,
1244
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-md,
1245
979
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
1246
980
  align-items: baseline;
1247
981
  }
1248
982
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-md,
1249
983
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-md,
1250
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-md,
1251
984
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-md {
1252
985
  align-items: start;
1253
986
  }
1254
987
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-md,
1255
988
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-md,
1256
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-md,
1257
989
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-md {
1258
990
  align-items: center;
1259
991
  }
1260
992
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-md,
1261
993
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-md,
1262
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-md,
1263
994
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-md {
1264
995
  align-items: end;
1265
996
  }
1266
997
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-md,
1267
998
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
1268
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
1269
999
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
1270
- column-gap: 0;
1000
+ gap: 0;
1271
1001
  }
1272
1002
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
1273
1003
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
1274
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
1275
1004
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
1276
- column-gap: var(--pf-v6-global--spacer--xs);
1005
+ gap: var(--pf-t--global--spacer--xs);
1277
1006
  }
1278
1007
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
1279
1008
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
1280
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
1281
1009
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
1282
- column-gap: var(--pf-v6-global--spacer--sm);
1010
+ gap: var(--pf-t--global--spacer--sm);
1283
1011
  }
1284
1012
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
1285
1013
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
1286
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
1287
1014
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
1288
- column-gap: var(--pf-v6-global--spacer--md);
1015
+ gap: var(--pf-t--global--spacer--md);
1289
1016
  }
1290
1017
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
1291
1018
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
1292
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
1293
1019
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
1294
- column-gap: var(--pf-v6-global--spacer--lg);
1020
+ gap: var(--pf-t--global--spacer--lg);
1295
1021
  }
1296
1022
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
1297
1023
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
1298
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
1299
1024
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
1300
- column-gap: var(--pf-v6-global--spacer--xl);
1025
+ gap: var(--pf-t--global--spacer--xl);
1301
1026
  }
1302
1027
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
1303
1028
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
1304
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
1305
1029
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
1306
- column-gap: var(--pf-v6-global--spacer--2xl);
1030
+ gap: var(--pf-t--global--spacer--2xl);
1307
1031
  }
1308
1032
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
1309
1033
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
1310
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
1311
1034
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
1312
- column-gap: var(--pf-v6-global--spacer--3xl);
1035
+ gap: var(--pf-t--global--spacer--3xl);
1313
1036
  }
1314
1037
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
1315
1038
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
1316
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
1317
1039
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
1318
- column-gap: var(--pf-v6-global--spacer--4xl);
1040
+ gap: var(--pf-t--global--spacer--4xl);
1319
1041
  }
1320
1042
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
1321
1043
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-md,
1322
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-md,
1323
1044
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-md {
1324
1045
  column-gap: 0;
1325
1046
  }
1326
1047
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-md,
1327
1048
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
1328
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-md,
1329
1049
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
1330
- column-gap: 0;
1331
- }
1332
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-md,
1333
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-md,
1334
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-md,
1335
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-md {
1336
- margin-inline-start: 0;
1337
- }
1338
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-md,
1339
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-md,
1340
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-md,
1341
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-md {
1342
- margin-inline-end: 0;
1050
+ row-gap: 0;
1343
1051
  }
1344
1052
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-md,
1345
1053
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-md,
1346
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-md,
1347
1054
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
1348
- column-gap: var(--pf-v6-global--spacer--xs);
1055
+ column-gap: var(--pf-t--global--spacer--xs);
1349
1056
  }
1350
1057
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-md,
1351
1058
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
1352
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-md,
1353
1059
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
1354
- column-gap: var(--pf-v6-global--spacer--xs);
1355
- }
1356
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-md,
1357
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-md,
1358
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-md,
1359
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-md {
1360
- margin-inline-start: var(--pf-v6-global--spacer--xs);
1361
- }
1362
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-md,
1363
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-md,
1364
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-md,
1365
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-md {
1366
- margin-inline-end: var(--pf-v6-global--spacer--xs);
1060
+ row-gap: var(--pf-t--global--spacer--xs);
1367
1061
  }
1368
1062
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-md,
1369
1063
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-md,
1370
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-md,
1371
1064
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
1372
- column-gap: var(--pf-v6-global--spacer--sm);
1065
+ column-gap: var(--pf-t--global--spacer--sm);
1373
1066
  }
1374
1067
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-md,
1375
1068
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
1376
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-md,
1377
1069
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
1378
- column-gap: var(--pf-v6-global--spacer--sm);
1379
- }
1380
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-md,
1381
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-md,
1382
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-md,
1383
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-md {
1384
- margin-inline-start: var(--pf-v6-global--spacer--sm);
1385
- }
1386
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-md,
1387
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-md,
1388
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-md,
1389
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-md {
1390
- margin-inline-end: var(--pf-v6-global--spacer--sm);
1070
+ row-gap: var(--pf-t--global--spacer--sm);
1391
1071
  }
1392
1072
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-md,
1393
1073
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-md,
1394
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-md,
1395
1074
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-md {
1396
- column-gap: var(--pf-v6-global--spacer--md);
1075
+ column-gap: var(--pf-t--global--spacer--md);
1397
1076
  }
1398
1077
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-md,
1399
1078
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
1400
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-md,
1401
1079
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
1402
- column-gap: var(--pf-v6-global--spacer--md);
1403
- }
1404
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-md,
1405
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-md,
1406
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-md,
1407
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-md {
1408
- margin-inline-start: var(--pf-v6-global--spacer--md);
1409
- }
1410
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-md,
1411
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-md,
1412
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-md,
1413
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-md {
1414
- margin-inline-end: var(--pf-v6-global--spacer--md);
1080
+ row-gap: var(--pf-t--global--spacer--md);
1415
1081
  }
1416
1082
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-md,
1417
1083
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-md,
1418
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-md,
1419
1084
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
1420
- column-gap: var(--pf-v6-global--spacer--lg);
1085
+ column-gap: var(--pf-t--global--spacer--lg);
1421
1086
  }
1422
1087
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-md,
1423
1088
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
1424
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-md,
1425
1089
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
1426
- column-gap: var(--pf-v6-global--spacer--lg);
1427
- }
1428
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-md,
1429
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-md,
1430
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-md,
1431
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-md {
1432
- margin-inline-start: var(--pf-v6-global--spacer--lg);
1433
- }
1434
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-md,
1435
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-md,
1436
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-md,
1437
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-md {
1438
- margin-inline-end: var(--pf-v6-global--spacer--lg);
1090
+ row-gap: var(--pf-t--global--spacer--lg);
1439
1091
  }
1440
1092
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-md,
1441
1093
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-md,
1442
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-md,
1443
1094
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
1444
- column-gap: var(--pf-v6-global--spacer--xl);
1095
+ column-gap: var(--pf-t--global--spacer--xl);
1445
1096
  }
1446
1097
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-md,
1447
1098
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
1448
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-md,
1449
1099
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
1450
- column-gap: var(--pf-v6-global--spacer--xl);
1451
- }
1452
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-md,
1453
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-md,
1454
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-md,
1455
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-md {
1456
- margin-inline-start: var(--pf-v6-global--spacer--xl);
1457
- }
1458
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-md,
1459
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-md,
1460
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-md,
1461
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-md {
1462
- margin-inline-end: var(--pf-v6-global--spacer--xl);
1100
+ row-gap: var(--pf-t--global--spacer--xl);
1463
1101
  }
1464
1102
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-md,
1465
1103
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-md,
1466
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-md,
1467
1104
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
1468
- column-gap: var(--pf-v6-global--spacer--2xl);
1105
+ column-gap: var(--pf-t--global--spacer--2xl);
1469
1106
  }
1470
1107
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-md,
1471
1108
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
1472
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-md,
1473
1109
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
1474
- column-gap: var(--pf-v6-global--spacer--2xl);
1475
- }
1476
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-md,
1477
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-md,
1478
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-md,
1479
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-md {
1480
- margin-inline-start: var(--pf-v6-global--spacer--2xl);
1481
- }
1482
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-md,
1483
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-md,
1484
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-md,
1485
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-md {
1486
- margin-inline-end: var(--pf-v6-global--spacer--2xl);
1110
+ row-gap: var(--pf-t--global--spacer--2xl);
1487
1111
  }
1488
1112
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-md,
1489
1113
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-md,
1490
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-md,
1491
1114
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
1492
- column-gap: var(--pf-v6-global--spacer--3xl);
1115
+ column-gap: var(--pf-t--global--spacer--3xl);
1493
1116
  }
1494
1117
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-md,
1495
1118
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
1496
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-md,
1497
1119
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
1498
- column-gap: var(--pf-v6-global--spacer--3xl);
1499
- }
1500
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-md,
1501
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-md,
1502
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-md,
1503
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-md {
1504
- margin-inline-start: var(--pf-v6-global--spacer--3xl);
1505
- }
1506
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-md,
1507
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-md,
1508
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-md,
1509
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-md {
1510
- margin-inline-end: var(--pf-v6-global--spacer--3xl);
1120
+ row-gap: var(--pf-t--global--spacer--3xl);
1511
1121
  }
1512
1122
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-md,
1513
1123
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-md,
1514
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-md,
1515
1124
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
1516
- column-gap: var(--pf-v6-global--spacer--4xl);
1125
+ column-gap: var(--pf-t--global--spacer--4xl);
1517
1126
  }
1518
1127
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-md,
1519
1128
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
1520
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-md,
1521
1129
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
1522
- column-gap: var(--pf-v6-global--spacer--4xl);
1523
- }
1524
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-md,
1525
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-md,
1526
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-md,
1527
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-md {
1528
- margin-inline-start: var(--pf-v6-global--spacer--4xl);
1529
- }
1530
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-md,
1531
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-md,
1532
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-md,
1533
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-md {
1534
- margin-inline-end: var(--pf-v6-global--spacer--4xl);
1130
+ row-gap: var(--pf-t--global--spacer--4xl);
1535
1131
  }
1536
1132
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__group,
1537
1133
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-md .pf-v6-c-toolbar__item {
@@ -1547,10 +1143,10 @@
1547
1143
  display: none;
1548
1144
  }
1549
1145
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-md .pf-v6-c-toolbar__toggle {
1550
- display: inline-block;
1146
+ display: inline-flex;
1551
1147
  }
1552
1148
  }
1553
- @media (min-width: 992px) {
1149
+ @media (min-width: 62rem) {
1554
1150
  .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
1555
1151
  .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
1556
1152
  margin-inline-start: 0;
@@ -1588,362 +1184,202 @@
1588
1184
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
1589
1185
  align-self: end;
1590
1186
  }
1591
- .pf-v6-c-toolbar.pf-m-inset-none-on-lg,
1592
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-lg,
1593
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-lg {
1594
- --pf-v6-c-toolbar__content--PaddingInline: 0;
1595
- }
1596
- .pf-v6-c-toolbar.pf-m-inset-xs-on-lg,
1597
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-lg,
1598
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-lg {
1599
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xs);
1600
- }
1601
- .pf-v6-c-toolbar.pf-m-inset-sm-on-lg,
1602
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-lg,
1603
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-lg {
1604
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--sm);
1605
- }
1606
- .pf-v6-c-toolbar.pf-m-inset-md-on-lg,
1607
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-lg,
1608
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-lg {
1609
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--md);
1610
- }
1611
- .pf-v6-c-toolbar.pf-m-inset-lg-on-lg,
1612
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-lg,
1613
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-lg {
1614
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--lg);
1615
- }
1616
- .pf-v6-c-toolbar.pf-m-inset-xl-on-lg,
1617
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-lg,
1618
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-lg {
1619
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xl);
1620
- }
1621
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg,
1622
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-lg,
1623
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-lg {
1624
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--2xl);
1625
- }
1626
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg,
1627
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-lg,
1628
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-lg {
1629
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--3xl);
1630
- }
1631
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg,
1632
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-lg,
1633
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-lg {
1634
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--4xl);
1187
+ .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
1188
+ padding-inline: 0;
1189
+ }
1190
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
1191
+ padding-inline: var(--pf-t--global--spacer--xs);
1192
+ }
1193
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
1194
+ padding-inline: var(--pf-t--global--spacer--sm);
1195
+ }
1196
+ .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
1197
+ padding-inline: var(--pf-t--global--spacer--md);
1198
+ }
1199
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
1200
+ padding-inline: var(--pf-t--global--spacer--lg);
1201
+ }
1202
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
1203
+ padding-inline: var(--pf-t--global--spacer--xl);
1204
+ }
1205
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
1206
+ padding-inline: var(--pf-t--global--spacer--2xl);
1207
+ }
1208
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
1209
+ padding-inline: var(--pf-t--global--spacer--3xl);
1210
+ }
1211
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
1212
+ padding-inline: var(--pf-t--global--spacer--4xl);
1635
1213
  }
1636
1214
  .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
1637
1215
  .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
1638
- .pf-v6-c-toolbar__content.pf-m-wrap-on-lg,
1639
1216
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
1640
1217
  flex-wrap: wrap;
1641
1218
  }
1642
1219
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-lg,
1643
1220
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-lg,
1644
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-lg,
1645
1221
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-lg {
1646
1222
  flex-wrap: nowrap;
1647
1223
  }
1648
1224
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-lg,
1649
1225
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-lg,
1650
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-lg,
1651
1226
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
1652
1227
  align-items: stretch;
1653
1228
  }
1654
1229
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-lg,
1655
1230
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-lg,
1656
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-lg,
1657
1231
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
1658
1232
  align-items: baseline;
1659
1233
  }
1660
1234
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-lg,
1661
1235
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-lg,
1662
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-lg,
1663
1236
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-lg {
1664
1237
  align-items: start;
1665
1238
  }
1666
1239
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-lg,
1667
1240
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-lg,
1668
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-lg,
1669
1241
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-lg {
1670
1242
  align-items: center;
1671
1243
  }
1672
1244
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-lg,
1673
1245
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-lg,
1674
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-lg,
1675
1246
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-lg {
1676
1247
  align-items: end;
1677
1248
  }
1678
1249
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-lg,
1679
1250
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
1680
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
1681
1251
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
1682
- column-gap: 0;
1252
+ gap: 0;
1683
1253
  }
1684
1254
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
1685
1255
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
1686
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
1687
1256
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
1688
- column-gap: var(--pf-v6-global--spacer--xs);
1257
+ gap: var(--pf-t--global--spacer--xs);
1689
1258
  }
1690
1259
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
1691
1260
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
1692
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
1693
1261
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
1694
- column-gap: var(--pf-v6-global--spacer--sm);
1262
+ gap: var(--pf-t--global--spacer--sm);
1695
1263
  }
1696
1264
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
1697
1265
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
1698
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
1699
1266
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
1700
- column-gap: var(--pf-v6-global--spacer--md);
1267
+ gap: var(--pf-t--global--spacer--md);
1701
1268
  }
1702
1269
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
1703
1270
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
1704
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
1705
1271
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
1706
- column-gap: var(--pf-v6-global--spacer--lg);
1272
+ gap: var(--pf-t--global--spacer--lg);
1707
1273
  }
1708
1274
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
1709
1275
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
1710
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
1711
1276
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
1712
- column-gap: var(--pf-v6-global--spacer--xl);
1277
+ gap: var(--pf-t--global--spacer--xl);
1713
1278
  }
1714
1279
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
1715
1280
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
1716
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
1717
1281
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
1718
- column-gap: var(--pf-v6-global--spacer--2xl);
1282
+ gap: var(--pf-t--global--spacer--2xl);
1719
1283
  }
1720
1284
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
1721
1285
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
1722
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
1723
1286
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
1724
- column-gap: var(--pf-v6-global--spacer--3xl);
1287
+ gap: var(--pf-t--global--spacer--3xl);
1725
1288
  }
1726
1289
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
1727
1290
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
1728
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
1729
1291
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
1730
- column-gap: var(--pf-v6-global--spacer--4xl);
1292
+ gap: var(--pf-t--global--spacer--4xl);
1731
1293
  }
1732
1294
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
1733
1295
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-lg,
1734
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-lg,
1735
1296
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
1736
1297
  column-gap: 0;
1737
1298
  }
1738
1299
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-lg,
1739
1300
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
1740
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-lg,
1741
1301
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
1742
- column-gap: 0;
1743
- }
1744
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-lg,
1745
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-lg,
1746
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-lg,
1747
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-lg {
1748
- margin-inline-start: 0;
1749
- }
1750
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-lg,
1751
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-lg,
1752
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-lg,
1753
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-lg {
1754
- margin-inline-end: 0;
1302
+ row-gap: 0;
1755
1303
  }
1756
1304
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-lg,
1757
1305
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-lg,
1758
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-lg,
1759
1306
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
1760
- column-gap: var(--pf-v6-global--spacer--xs);
1307
+ column-gap: var(--pf-t--global--spacer--xs);
1761
1308
  }
1762
1309
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-lg,
1763
1310
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
1764
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-lg,
1765
1311
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
1766
- column-gap: var(--pf-v6-global--spacer--xs);
1767
- }
1768
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-lg,
1769
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-lg,
1770
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-lg,
1771
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-lg {
1772
- margin-inline-start: var(--pf-v6-global--spacer--xs);
1773
- }
1774
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-lg,
1775
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-lg,
1776
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-lg,
1777
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-lg {
1778
- margin-inline-end: var(--pf-v6-global--spacer--xs);
1312
+ row-gap: var(--pf-t--global--spacer--xs);
1779
1313
  }
1780
1314
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-lg,
1781
1315
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-lg,
1782
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-lg,
1783
1316
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
1784
- column-gap: var(--pf-v6-global--spacer--sm);
1317
+ column-gap: var(--pf-t--global--spacer--sm);
1785
1318
  }
1786
1319
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-lg,
1787
1320
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
1788
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-lg,
1789
1321
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
1790
- column-gap: var(--pf-v6-global--spacer--sm);
1791
- }
1792
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-lg,
1793
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-lg,
1794
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-lg,
1795
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-lg {
1796
- margin-inline-start: var(--pf-v6-global--spacer--sm);
1797
- }
1798
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-lg,
1799
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-lg,
1800
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-lg,
1801
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-lg {
1802
- margin-inline-end: var(--pf-v6-global--spacer--sm);
1322
+ row-gap: var(--pf-t--global--spacer--sm);
1803
1323
  }
1804
1324
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-lg,
1805
1325
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-lg,
1806
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-lg,
1807
1326
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
1808
- column-gap: var(--pf-v6-global--spacer--md);
1327
+ column-gap: var(--pf-t--global--spacer--md);
1809
1328
  }
1810
1329
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-lg,
1811
1330
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
1812
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-lg,
1813
1331
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
1814
- column-gap: var(--pf-v6-global--spacer--md);
1815
- }
1816
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-lg,
1817
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-lg,
1818
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-lg,
1819
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-lg {
1820
- margin-inline-start: var(--pf-v6-global--spacer--md);
1821
- }
1822
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-lg,
1823
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-lg,
1824
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-lg,
1825
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-lg {
1826
- margin-inline-end: var(--pf-v6-global--spacer--md);
1332
+ row-gap: var(--pf-t--global--spacer--md);
1827
1333
  }
1828
1334
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-lg,
1829
1335
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-lg,
1830
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-lg,
1831
1336
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
1832
- column-gap: var(--pf-v6-global--spacer--lg);
1337
+ column-gap: var(--pf-t--global--spacer--lg);
1833
1338
  }
1834
1339
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-lg,
1835
1340
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
1836
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-lg,
1837
1341
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
1838
- column-gap: var(--pf-v6-global--spacer--lg);
1839
- }
1840
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-lg,
1841
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-lg,
1842
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-lg,
1843
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-lg {
1844
- margin-inline-start: var(--pf-v6-global--spacer--lg);
1845
- }
1846
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-lg,
1847
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-lg,
1848
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-lg,
1849
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-lg {
1850
- margin-inline-end: var(--pf-v6-global--spacer--lg);
1342
+ row-gap: var(--pf-t--global--spacer--lg);
1851
1343
  }
1852
1344
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-lg,
1853
1345
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-lg,
1854
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-lg,
1855
1346
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
1856
- column-gap: var(--pf-v6-global--spacer--xl);
1347
+ column-gap: var(--pf-t--global--spacer--xl);
1857
1348
  }
1858
1349
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-lg,
1859
1350
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
1860
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-lg,
1861
1351
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
1862
- column-gap: var(--pf-v6-global--spacer--xl);
1863
- }
1864
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-lg,
1865
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-lg,
1866
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-lg,
1867
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-lg {
1868
- margin-inline-start: var(--pf-v6-global--spacer--xl);
1869
- }
1870
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-lg,
1871
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-lg,
1872
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-lg,
1873
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-lg {
1874
- margin-inline-end: var(--pf-v6-global--spacer--xl);
1352
+ row-gap: var(--pf-t--global--spacer--xl);
1875
1353
  }
1876
1354
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
1877
1355
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
1878
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
1879
1356
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
1880
- column-gap: var(--pf-v6-global--spacer--2xl);
1357
+ column-gap: var(--pf-t--global--spacer--2xl);
1881
1358
  }
1882
1359
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
1883
1360
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
1884
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
1885
1361
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
1886
- column-gap: var(--pf-v6-global--spacer--2xl);
1887
- }
1888
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-lg,
1889
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-lg,
1890
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-lg,
1891
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-lg {
1892
- margin-inline-start: var(--pf-v6-global--spacer--2xl);
1893
- }
1894
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-lg,
1895
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-lg,
1896
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-lg,
1897
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-lg {
1898
- margin-inline-end: var(--pf-v6-global--spacer--2xl);
1362
+ row-gap: var(--pf-t--global--spacer--2xl);
1899
1363
  }
1900
1364
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
1901
1365
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
1902
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
1903
1366
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
1904
- column-gap: var(--pf-v6-global--spacer--3xl);
1367
+ column-gap: var(--pf-t--global--spacer--3xl);
1905
1368
  }
1906
1369
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
1907
1370
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
1908
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
1909
1371
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
1910
- column-gap: var(--pf-v6-global--spacer--3xl);
1911
- }
1912
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-lg,
1913
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-lg,
1914
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-lg,
1915
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-lg {
1916
- margin-inline-start: var(--pf-v6-global--spacer--3xl);
1917
- }
1918
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-lg,
1919
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-lg,
1920
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-lg,
1921
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-lg {
1922
- margin-inline-end: var(--pf-v6-global--spacer--3xl);
1372
+ row-gap: var(--pf-t--global--spacer--3xl);
1923
1373
  }
1924
1374
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
1925
1375
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
1926
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
1927
1376
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
1928
- column-gap: var(--pf-v6-global--spacer--4xl);
1377
+ column-gap: var(--pf-t--global--spacer--4xl);
1929
1378
  }
1930
1379
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
1931
1380
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
1932
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
1933
1381
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
1934
- column-gap: var(--pf-v6-global--spacer--4xl);
1935
- }
1936
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-lg,
1937
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-lg,
1938
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-lg,
1939
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-lg {
1940
- margin-inline-start: var(--pf-v6-global--spacer--4xl);
1941
- }
1942
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-lg,
1943
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-lg,
1944
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-lg,
1945
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-lg {
1946
- margin-inline-end: var(--pf-v6-global--spacer--4xl);
1382
+ row-gap: var(--pf-t--global--spacer--4xl);
1947
1383
  }
1948
1384
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__group,
1949
1385
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-lg .pf-v6-c-toolbar__item {
@@ -1959,10 +1395,10 @@
1959
1395
  display: none;
1960
1396
  }
1961
1397
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-lg .pf-v6-c-toolbar__toggle {
1962
- display: inline-block;
1398
+ display: inline-flex;
1963
1399
  }
1964
1400
  }
1965
- @media (min-width: 1200px) {
1401
+ @media (min-width: 75rem) {
1966
1402
  .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
1967
1403
  .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
1968
1404
  margin-inline-start: 0;
@@ -2000,362 +1436,202 @@
2000
1436
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
2001
1437
  align-self: end;
2002
1438
  }
2003
- .pf-v6-c-toolbar.pf-m-inset-none-on-xl,
2004
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-xl,
2005
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-xl {
2006
- --pf-v6-c-toolbar__content--PaddingInline: 0;
2007
- }
2008
- .pf-v6-c-toolbar.pf-m-inset-xs-on-xl,
2009
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-xl,
2010
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-xl {
2011
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xs);
2012
- }
2013
- .pf-v6-c-toolbar.pf-m-inset-sm-on-xl,
2014
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-xl,
2015
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-xl {
2016
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--sm);
2017
- }
2018
- .pf-v6-c-toolbar.pf-m-inset-md-on-xl,
2019
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-xl,
2020
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-xl {
2021
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--md);
2022
- }
2023
- .pf-v6-c-toolbar.pf-m-inset-lg-on-xl,
2024
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-xl,
2025
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-xl {
2026
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--lg);
2027
- }
2028
- .pf-v6-c-toolbar.pf-m-inset-xl-on-xl,
2029
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-xl,
2030
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-xl {
2031
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xl);
2032
- }
2033
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl,
2034
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-xl,
2035
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-xl {
2036
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--2xl);
2037
- }
2038
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl,
2039
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-xl,
2040
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-xl {
2041
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--3xl);
2042
- }
2043
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl,
2044
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-xl,
2045
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-xl {
2046
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--4xl);
1439
+ .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
1440
+ padding-inline: 0;
1441
+ }
1442
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
1443
+ padding-inline: var(--pf-t--global--spacer--xs);
1444
+ }
1445
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
1446
+ padding-inline: var(--pf-t--global--spacer--sm);
1447
+ }
1448
+ .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
1449
+ padding-inline: var(--pf-t--global--spacer--md);
1450
+ }
1451
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
1452
+ padding-inline: var(--pf-t--global--spacer--lg);
1453
+ }
1454
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
1455
+ padding-inline: var(--pf-t--global--spacer--xl);
1456
+ }
1457
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
1458
+ padding-inline: var(--pf-t--global--spacer--2xl);
1459
+ }
1460
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
1461
+ padding-inline: var(--pf-t--global--spacer--3xl);
1462
+ }
1463
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
1464
+ padding-inline: var(--pf-t--global--spacer--4xl);
2047
1465
  }
2048
1466
  .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
2049
1467
  .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
2050
- .pf-v6-c-toolbar__content.pf-m-wrap-on-xl,
2051
1468
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
2052
1469
  flex-wrap: wrap;
2053
1470
  }
2054
1471
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-xl,
2055
1472
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-xl,
2056
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-xl,
2057
1473
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-xl {
2058
1474
  flex-wrap: nowrap;
2059
1475
  }
2060
1476
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-xl,
2061
1477
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-xl,
2062
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-xl,
2063
1478
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
2064
1479
  align-items: stretch;
2065
1480
  }
2066
1481
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-xl,
2067
1482
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-xl,
2068
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-xl,
2069
1483
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
2070
1484
  align-items: baseline;
2071
1485
  }
2072
1486
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-xl,
2073
1487
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-xl,
2074
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-xl,
2075
1488
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-xl {
2076
1489
  align-items: start;
2077
1490
  }
2078
1491
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-xl,
2079
1492
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-xl,
2080
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-xl,
2081
1493
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-xl {
2082
1494
  align-items: center;
2083
1495
  }
2084
1496
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-xl,
2085
1497
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-xl,
2086
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-xl,
2087
1498
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-xl {
2088
1499
  align-items: end;
2089
1500
  }
2090
1501
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-xl,
2091
1502
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
2092
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
2093
1503
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
2094
- column-gap: 0;
1504
+ gap: 0;
2095
1505
  }
2096
1506
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
2097
1507
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
2098
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
2099
1508
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
2100
- column-gap: var(--pf-v6-global--spacer--xs);
1509
+ gap: var(--pf-t--global--spacer--xs);
2101
1510
  }
2102
1511
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
2103
1512
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
2104
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
2105
1513
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
2106
- column-gap: var(--pf-v6-global--spacer--sm);
1514
+ gap: var(--pf-t--global--spacer--sm);
2107
1515
  }
2108
1516
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
2109
1517
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
2110
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
2111
1518
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
2112
- column-gap: var(--pf-v6-global--spacer--md);
1519
+ gap: var(--pf-t--global--spacer--md);
2113
1520
  }
2114
1521
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
2115
1522
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
2116
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
2117
1523
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
2118
- column-gap: var(--pf-v6-global--spacer--lg);
1524
+ gap: var(--pf-t--global--spacer--lg);
2119
1525
  }
2120
1526
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
2121
1527
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
2122
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
2123
1528
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
2124
- column-gap: var(--pf-v6-global--spacer--xl);
1529
+ gap: var(--pf-t--global--spacer--xl);
2125
1530
  }
2126
1531
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
2127
1532
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
2128
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
2129
1533
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
2130
- column-gap: var(--pf-v6-global--spacer--2xl);
1534
+ gap: var(--pf-t--global--spacer--2xl);
2131
1535
  }
2132
1536
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
2133
1537
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
2134
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
2135
1538
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
2136
- column-gap: var(--pf-v6-global--spacer--3xl);
1539
+ gap: var(--pf-t--global--spacer--3xl);
2137
1540
  }
2138
1541
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
2139
1542
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
2140
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
2141
1543
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
2142
- column-gap: var(--pf-v6-global--spacer--4xl);
1544
+ gap: var(--pf-t--global--spacer--4xl);
2143
1545
  }
2144
1546
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
2145
1547
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-xl,
2146
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-xl,
2147
1548
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
2148
1549
  column-gap: 0;
2149
1550
  }
2150
1551
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-xl,
2151
1552
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
2152
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-xl,
2153
1553
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
2154
- column-gap: 0;
2155
- }
2156
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-xl,
2157
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-xl,
2158
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-xl,
2159
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-xl {
2160
- margin-inline-start: 0;
2161
- }
2162
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-xl,
2163
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-xl,
2164
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-xl,
2165
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-xl {
2166
- margin-inline-end: 0;
1554
+ row-gap: 0;
2167
1555
  }
2168
1556
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-xl,
2169
1557
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-xl,
2170
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-xl,
2171
1558
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
2172
- column-gap: var(--pf-v6-global--spacer--xs);
1559
+ column-gap: var(--pf-t--global--spacer--xs);
2173
1560
  }
2174
1561
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-xl,
2175
1562
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
2176
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-xl,
2177
1563
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
2178
- column-gap: var(--pf-v6-global--spacer--xs);
2179
- }
2180
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-xl,
2181
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-xl,
2182
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-xl,
2183
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-xl {
2184
- margin-inline-start: var(--pf-v6-global--spacer--xs);
2185
- }
2186
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-xl,
2187
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-xl,
2188
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-xl,
2189
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-xl {
2190
- margin-inline-end: var(--pf-v6-global--spacer--xs);
1564
+ row-gap: var(--pf-t--global--spacer--xs);
2191
1565
  }
2192
1566
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-xl,
2193
1567
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-xl,
2194
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-xl,
2195
1568
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
2196
- column-gap: var(--pf-v6-global--spacer--sm);
1569
+ column-gap: var(--pf-t--global--spacer--sm);
2197
1570
  }
2198
1571
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-xl,
2199
1572
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
2200
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-xl,
2201
1573
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
2202
- column-gap: var(--pf-v6-global--spacer--sm);
2203
- }
2204
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-xl,
2205
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-xl,
2206
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-xl,
2207
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-xl {
2208
- margin-inline-start: var(--pf-v6-global--spacer--sm);
2209
- }
2210
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-xl,
2211
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-xl,
2212
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-xl,
2213
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-xl {
2214
- margin-inline-end: var(--pf-v6-global--spacer--sm);
1574
+ row-gap: var(--pf-t--global--spacer--sm);
2215
1575
  }
2216
1576
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-xl,
2217
1577
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-xl,
2218
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-xl,
2219
1578
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
2220
- column-gap: var(--pf-v6-global--spacer--md);
1579
+ column-gap: var(--pf-t--global--spacer--md);
2221
1580
  }
2222
1581
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-xl,
2223
1582
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
2224
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-xl,
2225
1583
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
2226
- column-gap: var(--pf-v6-global--spacer--md);
2227
- }
2228
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-xl,
2229
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-xl,
2230
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-xl,
2231
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-xl {
2232
- margin-inline-start: var(--pf-v6-global--spacer--md);
2233
- }
2234
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-xl,
2235
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-xl,
2236
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-xl,
2237
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-xl {
2238
- margin-inline-end: var(--pf-v6-global--spacer--md);
1584
+ row-gap: var(--pf-t--global--spacer--md);
2239
1585
  }
2240
1586
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-xl,
2241
1587
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-xl,
2242
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-xl,
2243
1588
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
2244
- column-gap: var(--pf-v6-global--spacer--lg);
1589
+ column-gap: var(--pf-t--global--spacer--lg);
2245
1590
  }
2246
1591
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-xl,
2247
1592
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
2248
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-xl,
2249
1593
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
2250
- column-gap: var(--pf-v6-global--spacer--lg);
2251
- }
2252
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-xl,
2253
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-xl,
2254
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-xl,
2255
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-xl {
2256
- margin-inline-start: var(--pf-v6-global--spacer--lg);
2257
- }
2258
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-xl,
2259
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-xl,
2260
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-xl,
2261
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-xl {
2262
- margin-inline-end: var(--pf-v6-global--spacer--lg);
1594
+ row-gap: var(--pf-t--global--spacer--lg);
2263
1595
  }
2264
1596
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-xl,
2265
1597
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-xl,
2266
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-xl,
2267
1598
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
2268
- column-gap: var(--pf-v6-global--spacer--xl);
1599
+ column-gap: var(--pf-t--global--spacer--xl);
2269
1600
  }
2270
1601
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-xl,
2271
1602
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
2272
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-xl,
2273
1603
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
2274
- column-gap: var(--pf-v6-global--spacer--xl);
2275
- }
2276
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-xl,
2277
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-xl,
2278
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-xl,
2279
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-xl {
2280
- margin-inline-start: var(--pf-v6-global--spacer--xl);
2281
- }
2282
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-xl,
2283
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-xl,
2284
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-xl,
2285
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-xl {
2286
- margin-inline-end: var(--pf-v6-global--spacer--xl);
1604
+ row-gap: var(--pf-t--global--spacer--xl);
2287
1605
  }
2288
1606
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
2289
1607
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
2290
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
2291
1608
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
2292
- column-gap: var(--pf-v6-global--spacer--2xl);
1609
+ column-gap: var(--pf-t--global--spacer--2xl);
2293
1610
  }
2294
1611
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
2295
1612
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
2296
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
2297
1613
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
2298
- column-gap: var(--pf-v6-global--spacer--2xl);
2299
- }
2300
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-xl,
2301
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-xl,
2302
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-xl,
2303
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-xl {
2304
- margin-inline-start: var(--pf-v6-global--spacer--2xl);
2305
- }
2306
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-xl,
2307
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-xl,
2308
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-xl,
2309
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-xl {
2310
- margin-inline-end: var(--pf-v6-global--spacer--2xl);
1614
+ row-gap: var(--pf-t--global--spacer--2xl);
2311
1615
  }
2312
1616
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
2313
1617
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
2314
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
2315
1618
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
2316
- column-gap: var(--pf-v6-global--spacer--3xl);
1619
+ column-gap: var(--pf-t--global--spacer--3xl);
2317
1620
  }
2318
1621
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
2319
1622
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
2320
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
2321
1623
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
2322
- column-gap: var(--pf-v6-global--spacer--3xl);
2323
- }
2324
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-xl,
2325
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-xl,
2326
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-xl,
2327
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-xl {
2328
- margin-inline-start: var(--pf-v6-global--spacer--3xl);
2329
- }
2330
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-xl,
2331
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-xl,
2332
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-xl,
2333
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-xl {
2334
- margin-inline-end: var(--pf-v6-global--spacer--3xl);
1624
+ row-gap: var(--pf-t--global--spacer--3xl);
2335
1625
  }
2336
1626
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
2337
1627
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
2338
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
2339
1628
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
2340
- column-gap: var(--pf-v6-global--spacer--4xl);
1629
+ column-gap: var(--pf-t--global--spacer--4xl);
2341
1630
  }
2342
1631
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
2343
1632
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
2344
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
2345
1633
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
2346
- column-gap: var(--pf-v6-global--spacer--4xl);
2347
- }
2348
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-xl,
2349
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-xl,
2350
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-xl,
2351
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-xl {
2352
- margin-inline-start: var(--pf-v6-global--spacer--4xl);
2353
- }
2354
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-xl,
2355
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-xl,
2356
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-xl,
2357
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-xl {
2358
- margin-inline-end: var(--pf-v6-global--spacer--4xl);
1634
+ row-gap: var(--pf-t--global--spacer--4xl);
2359
1635
  }
2360
1636
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__group,
2361
1637
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-xl .pf-v6-c-toolbar__item {
@@ -2371,10 +1647,10 @@
2371
1647
  display: none;
2372
1648
  }
2373
1649
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-xl .pf-v6-c-toolbar__toggle {
2374
- display: inline-block;
1650
+ display: inline-flex;
2375
1651
  }
2376
1652
  }
2377
- @media (min-width: 1450px) {
1653
+ @media (min-width: 90.625rem) {
2378
1654
  .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
2379
1655
  .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
2380
1656
  margin-inline-start: 0;
@@ -2412,362 +1688,202 @@
2412
1688
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
2413
1689
  align-self: end;
2414
1690
  }
2415
- .pf-v6-c-toolbar.pf-m-inset-none-on-2xl,
2416
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-2xl,
2417
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-2xl {
2418
- --pf-v6-c-toolbar__content--PaddingInline: 0;
2419
- }
2420
- .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl,
2421
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-2xl,
2422
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-2xl {
2423
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xs);
2424
- }
2425
- .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl,
2426
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-2xl,
2427
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-2xl {
2428
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--sm);
2429
- }
2430
- .pf-v6-c-toolbar.pf-m-inset-md-on-2xl,
2431
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-2xl,
2432
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-2xl {
2433
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--md);
2434
- }
2435
- .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl,
2436
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-2xl,
2437
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-2xl {
2438
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--lg);
2439
- }
2440
- .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl,
2441
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-2xl,
2442
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-2xl {
2443
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--xl);
2444
- }
2445
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl,
2446
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-2xl,
2447
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-2xl {
2448
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--2xl);
2449
- }
2450
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl,
2451
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-2xl,
2452
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-2xl {
2453
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--3xl);
2454
- }
2455
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl,
2456
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-2xl,
2457
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-2xl {
2458
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-global--spacer--4xl);
1691
+ .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
1692
+ padding-inline: 0;
1693
+ }
1694
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
1695
+ padding-inline: var(--pf-t--global--spacer--xs);
1696
+ }
1697
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
1698
+ padding-inline: var(--pf-t--global--spacer--sm);
1699
+ }
1700
+ .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
1701
+ padding-inline: var(--pf-t--global--spacer--md);
1702
+ }
1703
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
1704
+ padding-inline: var(--pf-t--global--spacer--lg);
1705
+ }
1706
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
1707
+ padding-inline: var(--pf-t--global--spacer--xl);
1708
+ }
1709
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
1710
+ padding-inline: var(--pf-t--global--spacer--2xl);
1711
+ }
1712
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
1713
+ padding-inline: var(--pf-t--global--spacer--3xl);
1714
+ }
1715
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
1716
+ padding-inline: var(--pf-t--global--spacer--4xl);
2459
1717
  }
2460
1718
  .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
2461
1719
  .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
2462
- .pf-v6-c-toolbar__content.pf-m-wrap-on-2xl,
2463
1720
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
2464
1721
  flex-wrap: wrap;
2465
1722
  }
2466
1723
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-2xl,
2467
1724
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-2xl,
2468
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-2xl,
2469
1725
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-2xl {
2470
1726
  flex-wrap: nowrap;
2471
1727
  }
2472
1728
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
2473
1729
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
2474
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-2xl,
2475
1730
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
2476
1731
  align-items: stretch;
2477
1732
  }
2478
1733
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
2479
1734
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
2480
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-2xl,
2481
1735
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
2482
1736
  align-items: baseline;
2483
1737
  }
2484
1738
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-2xl,
2485
1739
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-2xl,
2486
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-2xl,
2487
1740
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
2488
1741
  align-items: start;
2489
1742
  }
2490
1743
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-2xl,
2491
1744
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-2xl,
2492
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-2xl,
2493
1745
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
2494
1746
  align-items: center;
2495
1747
  }
2496
1748
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-2xl,
2497
1749
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-2xl,
2498
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-2xl,
2499
1750
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
2500
1751
  align-items: end;
2501
1752
  }
2502
1753
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-2xl,
2503
1754
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
2504
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
2505
1755
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
2506
- column-gap: 0;
1756
+ gap: 0;
2507
1757
  }
2508
1758
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
2509
1759
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
2510
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
2511
1760
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
2512
- column-gap: var(--pf-v6-global--spacer--xs);
1761
+ gap: var(--pf-t--global--spacer--xs);
2513
1762
  }
2514
1763
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
2515
1764
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
2516
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
2517
1765
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
2518
- column-gap: var(--pf-v6-global--spacer--sm);
1766
+ gap: var(--pf-t--global--spacer--sm);
2519
1767
  }
2520
1768
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
2521
1769
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
2522
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
2523
1770
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
2524
- column-gap: var(--pf-v6-global--spacer--md);
1771
+ gap: var(--pf-t--global--spacer--md);
2525
1772
  }
2526
1773
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
2527
1774
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
2528
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
2529
1775
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
2530
- column-gap: var(--pf-v6-global--spacer--lg);
1776
+ gap: var(--pf-t--global--spacer--lg);
2531
1777
  }
2532
1778
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
2533
1779
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
2534
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
2535
1780
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
2536
- column-gap: var(--pf-v6-global--spacer--xl);
1781
+ gap: var(--pf-t--global--spacer--xl);
2537
1782
  }
2538
1783
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
2539
1784
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
2540
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
2541
1785
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
2542
- column-gap: var(--pf-v6-global--spacer--2xl);
1786
+ gap: var(--pf-t--global--spacer--2xl);
2543
1787
  }
2544
1788
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
2545
1789
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
2546
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
2547
1790
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
2548
- column-gap: var(--pf-v6-global--spacer--3xl);
1791
+ gap: var(--pf-t--global--spacer--3xl);
2549
1792
  }
2550
1793
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
2551
1794
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
2552
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
2553
1795
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
2554
- column-gap: var(--pf-v6-global--spacer--4xl);
1796
+ gap: var(--pf-t--global--spacer--4xl);
2555
1797
  }
2556
1798
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
2557
1799
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
2558
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-2xl,
2559
1800
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
2560
1801
  column-gap: 0;
2561
1802
  }
2562
1803
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
2563
1804
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
2564
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-2xl,
2565
1805
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
2566
- column-gap: 0;
2567
- }
2568
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startnone-on-2xl,
2569
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startnone-on-2xl,
2570
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startnone-on-2xl,
2571
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startnone-on-2xl {
2572
- margin-inline-start: 0;
2573
- }
2574
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endnone-on-2xl,
2575
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endnone-on-2xl,
2576
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endnone-on-2xl,
2577
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endnone-on-2xl {
2578
- margin-inline-end: 0;
1806
+ row-gap: 0;
2579
1807
  }
2580
1808
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
2581
1809
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
2582
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
2583
1810
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
2584
- column-gap: var(--pf-v6-global--spacer--xs);
1811
+ column-gap: var(--pf-t--global--spacer--xs);
2585
1812
  }
2586
1813
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
2587
1814
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
2588
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
2589
1815
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
2590
- column-gap: var(--pf-v6-global--spacer--xs);
2591
- }
2592
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxs-on-2xl,
2593
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxs-on-2xl,
2594
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxs-on-2xl,
2595
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxs-on-2xl {
2596
- margin-inline-start: var(--pf-v6-global--spacer--xs);
2597
- }
2598
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxs-on-2xl,
2599
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxs-on-2xl,
2600
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxs-on-2xl,
2601
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxs-on-2xl {
2602
- margin-inline-end: var(--pf-v6-global--spacer--xs);
1816
+ row-gap: var(--pf-t--global--spacer--xs);
2603
1817
  }
2604
1818
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
2605
1819
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
2606
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
2607
1820
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
2608
- column-gap: var(--pf-v6-global--spacer--sm);
1821
+ column-gap: var(--pf-t--global--spacer--sm);
2609
1822
  }
2610
1823
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
2611
1824
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
2612
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
2613
1825
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
2614
- column-gap: var(--pf-v6-global--spacer--sm);
2615
- }
2616
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startsm-on-2xl,
2617
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startsm-on-2xl,
2618
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startsm-on-2xl,
2619
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startsm-on-2xl {
2620
- margin-inline-start: var(--pf-v6-global--spacer--sm);
2621
- }
2622
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endsm-on-2xl,
2623
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endsm-on-2xl,
2624
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endsm-on-2xl,
2625
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endsm-on-2xl {
2626
- margin-inline-end: var(--pf-v6-global--spacer--sm);
1826
+ row-gap: var(--pf-t--global--spacer--sm);
2627
1827
  }
2628
1828
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
2629
1829
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
2630
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-2xl,
2631
1830
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
2632
- column-gap: var(--pf-v6-global--spacer--md);
1831
+ column-gap: var(--pf-t--global--spacer--md);
2633
1832
  }
2634
1833
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
2635
1834
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
2636
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-2xl,
2637
1835
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
2638
- column-gap: var(--pf-v6-global--spacer--md);
2639
- }
2640
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startmd-on-2xl,
2641
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startmd-on-2xl,
2642
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startmd-on-2xl,
2643
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startmd-on-2xl {
2644
- margin-inline-start: var(--pf-v6-global--spacer--md);
2645
- }
2646
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endmd-on-2xl,
2647
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endmd-on-2xl,
2648
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endmd-on-2xl,
2649
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endmd-on-2xl {
2650
- margin-inline-end: var(--pf-v6-global--spacer--md);
1836
+ row-gap: var(--pf-t--global--spacer--md);
2651
1837
  }
2652
1838
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
2653
1839
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
2654
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
2655
1840
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
2656
- column-gap: var(--pf-v6-global--spacer--lg);
1841
+ column-gap: var(--pf-t--global--spacer--lg);
2657
1842
  }
2658
1843
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
2659
1844
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
2660
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
2661
1845
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
2662
- column-gap: var(--pf-v6-global--spacer--lg);
2663
- }
2664
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startlg-on-2xl,
2665
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startlg-on-2xl,
2666
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startlg-on-2xl,
2667
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startlg-on-2xl {
2668
- margin-inline-start: var(--pf-v6-global--spacer--lg);
2669
- }
2670
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endlg-on-2xl,
2671
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endlg-on-2xl,
2672
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endlg-on-2xl,
2673
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endlg-on-2xl {
2674
- margin-inline-end: var(--pf-v6-global--spacer--lg);
1846
+ row-gap: var(--pf-t--global--spacer--lg);
2675
1847
  }
2676
1848
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
2677
1849
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
2678
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
2679
1850
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
2680
- column-gap: var(--pf-v6-global--spacer--xl);
1851
+ column-gap: var(--pf-t--global--spacer--xl);
2681
1852
  }
2682
1853
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
2683
1854
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
2684
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
2685
1855
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
2686
- column-gap: var(--pf-v6-global--spacer--xl);
2687
- }
2688
- .pf-v6-c-toolbar__group.pf-m-margin-inline-startxl-on-2xl,
2689
- .pf-v6-c-toolbar__item.pf-m-margin-inline-startxl-on-2xl,
2690
- .pf-v6-c-toolbar__content.pf-m-margin-inline-startxl-on-2xl,
2691
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-startxl-on-2xl {
2692
- margin-inline-start: var(--pf-v6-global--spacer--xl);
2693
- }
2694
- .pf-v6-c-toolbar__group.pf-m-margin-inline-endxl-on-2xl,
2695
- .pf-v6-c-toolbar__item.pf-m-margin-inline-endxl-on-2xl,
2696
- .pf-v6-c-toolbar__content.pf-m-margin-inline-endxl-on-2xl,
2697
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-endxl-on-2xl {
2698
- margin-inline-end: var(--pf-v6-global--spacer--xl);
1856
+ row-gap: var(--pf-t--global--spacer--xl);
2699
1857
  }
2700
1858
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
2701
1859
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
2702
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
2703
1860
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
2704
- column-gap: var(--pf-v6-global--spacer--2xl);
1861
+ column-gap: var(--pf-t--global--spacer--2xl);
2705
1862
  }
2706
1863
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
2707
1864
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
2708
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
2709
1865
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
2710
- column-gap: var(--pf-v6-global--spacer--2xl);
2711
- }
2712
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start2xl-on-2xl,
2713
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start2xl-on-2xl,
2714
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start2xl-on-2xl,
2715
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start2xl-on-2xl {
2716
- margin-inline-start: var(--pf-v6-global--spacer--2xl);
2717
- }
2718
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end2xl-on-2xl,
2719
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end2xl-on-2xl,
2720
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end2xl-on-2xl,
2721
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end2xl-on-2xl {
2722
- margin-inline-end: var(--pf-v6-global--spacer--2xl);
1866
+ row-gap: var(--pf-t--global--spacer--2xl);
2723
1867
  }
2724
1868
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
2725
1869
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
2726
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
2727
1870
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
2728
- column-gap: var(--pf-v6-global--spacer--3xl);
1871
+ column-gap: var(--pf-t--global--spacer--3xl);
2729
1872
  }
2730
1873
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
2731
1874
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
2732
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
2733
1875
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
2734
- column-gap: var(--pf-v6-global--spacer--3xl);
2735
- }
2736
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start3xl-on-2xl,
2737
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start3xl-on-2xl,
2738
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start3xl-on-2xl,
2739
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start3xl-on-2xl {
2740
- margin-inline-start: var(--pf-v6-global--spacer--3xl);
2741
- }
2742
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end3xl-on-2xl,
2743
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end3xl-on-2xl,
2744
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end3xl-on-2xl,
2745
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end3xl-on-2xl {
2746
- margin-inline-end: var(--pf-v6-global--spacer--3xl);
1876
+ row-gap: var(--pf-t--global--spacer--3xl);
2747
1877
  }
2748
1878
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
2749
1879
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
2750
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
2751
1880
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
2752
- column-gap: var(--pf-v6-global--spacer--4xl);
1881
+ column-gap: var(--pf-t--global--spacer--4xl);
2753
1882
  }
2754
1883
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
2755
1884
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
2756
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
2757
1885
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
2758
- column-gap: var(--pf-v6-global--spacer--4xl);
2759
- }
2760
- .pf-v6-c-toolbar__group.pf-m-margin-inline-start4xl-on-2xl,
2761
- .pf-v6-c-toolbar__item.pf-m-margin-inline-start4xl-on-2xl,
2762
- .pf-v6-c-toolbar__content.pf-m-margin-inline-start4xl-on-2xl,
2763
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-start4xl-on-2xl {
2764
- margin-inline-start: var(--pf-v6-global--spacer--4xl);
2765
- }
2766
- .pf-v6-c-toolbar__group.pf-m-margin-inline-end4xl-on-2xl,
2767
- .pf-v6-c-toolbar__item.pf-m-margin-inline-end4xl-on-2xl,
2768
- .pf-v6-c-toolbar__content.pf-m-margin-inline-end4xl-on-2xl,
2769
- .pf-v6-c-toolbar__content-section.pf-m-margin-inline-end4xl-on-2xl {
2770
- margin-inline-end: var(--pf-v6-global--spacer--4xl);
1886
+ row-gap: var(--pf-t--global--spacer--4xl);
2771
1887
  }
2772
1888
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__group,
2773
1889
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__item {
@@ -2783,6 +1899,6 @@
2783
1899
  display: none;
2784
1900
  }
2785
1901
  .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__toggle {
2786
- display: inline-block;
1902
+ display: inline-flex;
2787
1903
  }
2788
1904
  }