@patternfly/react-core 6.0.0-alpha.81 → 6.0.0-alpha.83

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 (278) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/dynamic-modules.json +2 -2
  115. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  116. package/dist/esm/components/Page/Page.js +9 -9
  117. package/dist/esm/components/Page/Page.js.map +1 -1
  118. package/dist/esm/components/Page/PageBody.d.ts +9 -0
  119. package/dist/esm/components/Page/PageBody.d.ts.map +1 -0
  120. package/dist/esm/components/Page/PageBody.js +10 -0
  121. package/dist/esm/components/Page/PageBody.js.map +1 -0
  122. package/dist/esm/components/Page/PageBreadcrumb.d.ts +5 -1
  123. package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
  124. package/dist/esm/components/Page/PageBreadcrumb.js +3 -4
  125. package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
  126. package/dist/esm/components/Page/PageSection.d.ts +5 -2
  127. package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
  128. package/dist/esm/components/Page/PageSection.js +3 -6
  129. package/dist/esm/components/Page/PageSection.js.map +1 -1
  130. package/dist/esm/components/Page/index.d.ts +1 -1
  131. package/dist/esm/components/Page/index.d.ts.map +1 -1
  132. package/dist/esm/components/Page/index.js +1 -1
  133. package/dist/esm/components/Page/index.js.map +1 -1
  134. package/dist/esm/components/Toolbar/Toolbar.d.ts +0 -2
  135. package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
  136. package/dist/esm/components/Toolbar/Toolbar.js +2 -2
  137. package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
  138. package/dist/esm/components/Toolbar/ToolbarContent.d.ts +0 -2
  139. package/dist/esm/components/Toolbar/ToolbarContent.d.ts.map +1 -1
  140. package/dist/esm/components/Toolbar/ToolbarContent.js +2 -2
  141. package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
  142. package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +12 -9
  143. package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
  144. package/dist/esm/components/Toolbar/ToolbarGroup.js +6 -2
  145. package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
  146. package/dist/esm/components/Toolbar/ToolbarItem.d.ts +7 -7
  147. package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
  148. package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -1
  149. package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js +7 -5
  150. package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -1
  151. package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts +0 -8
  152. package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  153. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +3 -2
  154. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  155. package/dist/esm/components/Toolbar/ToolbarUtils.js +4 -4
  156. package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
  157. package/dist/esm/demos/DashboardHeader.js +2 -2
  158. package/dist/esm/demos/DashboardHeader.js.map +1 -1
  159. package/dist/esm/helpers/constants.js +10 -10
  160. package/dist/esm/helpers/constants.js.map +1 -1
  161. package/dist/js/components/Page/Page.d.ts.map +1 -1
  162. package/dist/js/components/Page/Page.js +8 -8
  163. package/dist/js/components/Page/Page.js.map +1 -1
  164. package/dist/js/components/Page/PageBody.d.ts +9 -0
  165. package/dist/js/components/Page/PageBody.d.ts.map +1 -0
  166. package/dist/js/components/Page/PageBody.js +14 -0
  167. package/dist/js/components/Page/PageBody.js.map +1 -0
  168. package/dist/js/components/Page/PageBreadcrumb.d.ts +5 -1
  169. package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
  170. package/dist/js/components/Page/PageBreadcrumb.js +3 -4
  171. package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
  172. package/dist/js/components/Page/PageSection.d.ts +5 -2
  173. package/dist/js/components/Page/PageSection.d.ts.map +1 -1
  174. package/dist/js/components/Page/PageSection.js +3 -6
  175. package/dist/js/components/Page/PageSection.js.map +1 -1
  176. package/dist/js/components/Page/index.d.ts +1 -1
  177. package/dist/js/components/Page/index.d.ts.map +1 -1
  178. package/dist/js/components/Page/index.js +1 -1
  179. package/dist/js/components/Page/index.js.map +1 -1
  180. package/dist/js/components/Toolbar/Toolbar.d.ts +0 -2
  181. package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
  182. package/dist/js/components/Toolbar/Toolbar.js +2 -2
  183. package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
  184. package/dist/js/components/Toolbar/ToolbarContent.d.ts +0 -2
  185. package/dist/js/components/Toolbar/ToolbarContent.d.ts.map +1 -1
  186. package/dist/js/components/Toolbar/ToolbarContent.js +2 -2
  187. package/dist/js/components/Toolbar/ToolbarContent.js.map +1 -1
  188. package/dist/js/components/Toolbar/ToolbarGroup.d.ts +12 -9
  189. package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
  190. package/dist/js/components/Toolbar/ToolbarGroup.js +6 -2
  191. package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
  192. package/dist/js/components/Toolbar/ToolbarItem.d.ts +7 -7
  193. package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
  194. package/dist/js/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -1
  195. package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js +7 -5
  196. package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -1
  197. package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts +0 -8
  198. package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  199. package/dist/js/components/Toolbar/ToolbarToggleGroup.js +3 -2
  200. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  201. package/dist/js/components/Toolbar/ToolbarUtils.js +4 -4
  202. package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
  203. package/dist/js/demos/DashboardHeader.js +2 -2
  204. package/dist/js/demos/DashboardHeader.js.map +1 -1
  205. package/dist/js/helpers/constants.js +10 -10
  206. package/dist/js/helpers/constants.js.map +1 -1
  207. package/dist/styles/base-no-reset.css +62 -58
  208. package/dist/styles/base.css +62 -58
  209. package/dist/umd/assets/{output-Bz-Tlpbu.css → output-ZK-DtcVp.css} +910 -1090
  210. package/dist/umd/react-core.min.js +2 -2
  211. package/helpers/package.json +1 -1
  212. package/layouts/package.json +1 -1
  213. package/next/package.json +1 -1
  214. package/package.json +6 -6
  215. package/src/components/Page/Page.tsx +12 -22
  216. package/src/components/Page/PageBody.tsx +18 -0
  217. package/src/components/Page/PageBreadcrumb.tsx +7 -2
  218. package/src/components/Page/PageSection.tsx +8 -5
  219. package/src/components/Page/__tests__/Page.test.tsx +11 -41
  220. package/src/components/Page/__tests__/PageBody.test.tsx +34 -0
  221. package/src/components/Page/__tests__/PageBreadcrumb.test.tsx +14 -1
  222. package/src/components/Page/__tests__/PageSection.test.tsx +15 -2
  223. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +950 -973
  224. package/src/components/Page/__tests__/__snapshots__/PageBody.test.tsx.snap +11 -0
  225. package/src/components/Page/__tests__/__snapshots__/PageBreadcrumb.test.tsx.snap +30 -6
  226. package/src/components/Page/__tests__/__snapshots__/PageSection.test.tsx.snap +66 -14
  227. package/src/components/Page/examples/Page.md +2 -11
  228. package/src/components/Page/examples/PageGroupSection.tsx +19 -22
  229. package/src/components/Page/index.ts +1 -1
  230. package/src/components/Toolbar/Toolbar.tsx +0 -4
  231. package/src/components/Toolbar/ToolbarContent.tsx +1 -7
  232. package/src/components/Toolbar/ToolbarGroup.tsx +27 -10
  233. package/src/components/Toolbar/ToolbarItem.tsx +7 -7
  234. package/src/components/Toolbar/ToolbarLabelGroupContent.tsx +13 -11
  235. package/src/components/Toolbar/ToolbarToggleGroup.tsx +9 -11
  236. package/src/components/Toolbar/ToolbarUtils.tsx +4 -4
  237. package/src/components/Toolbar/__tests__/Toolbar.test.tsx +0 -19
  238. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +30 -77
  239. package/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx +1 -1
  240. package/src/components/Toolbar/examples/ToolbarGroups.tsx +2 -2
  241. package/src/components/Toolbar/examples/ToolbarInsets.tsx +23 -19
  242. package/src/components/Toolbar/examples/ToolbarSpacers.tsx +23 -19
  243. package/src/components/Toolbar/examples/ToolbarStacked.tsx +2 -2
  244. package/src/components/Toolbar/examples/ToolbarSticky.tsx +1 -1
  245. package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +1 -1
  246. package/src/demos/DashboardHeader.tsx +2 -2
  247. package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -2
  248. package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +2 -2
  249. package/src/demos/RTL/examples/PaginatedTable.jsx +2 -2
  250. package/src/demos/RTL/examples/PaginatedTable.tsx +2 -2
  251. package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +2 -2
  252. package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +2 -2
  253. package/src/demos/examples/Nav/NavFlyout.tsx +2 -2
  254. package/src/demos/examples/Nav/NavHorizontal.tsx +2 -2
  255. package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +2 -2
  256. package/src/demos/examples/Nav/NavManual.tsx +2 -2
  257. package/src/demos/examples/Page/PageContextSelector.tsx +2 -2
  258. package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +2 -2
  259. package/src/demos/examples/Page/PageStickySectionGroup.tsx +2 -2
  260. package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +2 -2
  261. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +1 -1
  262. package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +1 -1
  263. package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +1 -1
  264. package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +1 -1
  265. package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +1 -1
  266. package/src/demos/examples/Tabs/TabsAndTable.tsx +1 -1
  267. package/src/helpers/constants.ts +10 -10
  268. package/dist/esm/components/Page/PageNavigation.d.ts +0 -31
  269. package/dist/esm/components/Page/PageNavigation.d.ts.map +0 -1
  270. package/dist/esm/components/Page/PageNavigation.js +0 -21
  271. package/dist/esm/components/Page/PageNavigation.js.map +0 -1
  272. package/dist/js/components/Page/PageNavigation.d.ts +0 -31
  273. package/dist/js/components/Page/PageNavigation.d.ts.map +0 -1
  274. package/dist/js/components/Page/PageNavigation.js +0 -25
  275. package/dist/js/components/Page/PageNavigation.js.map +0 -1
  276. package/src/components/Page/PageNavigation.tsx +0 -72
  277. package/src/components/Page/__tests__/PageNavigation.test.tsx +0 -78
  278. package/src/components/Page/__tests__/__snapshots__/PageNavigation.test.tsx.snap +0 -77
@@ -6039,8 +6039,9 @@ ul) {
6039
6039
  --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6040
6040
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
6041
6041
  --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
6042
- --pf-v6-c-form__group-label-info--MarginInlineStart: var(--pf-t--global--spacer--sm);
6042
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
6043
6043
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
6044
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
6044
6045
  --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6045
6046
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
6046
6047
  --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
@@ -6123,6 +6124,14 @@ ul) {
6123
6124
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6124
6125
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6125
6126
  }
6127
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
6128
+ flex-direction: column;
6129
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6130
+ align-items: flex-start;
6131
+ }
6132
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
6133
+ flex-grow: 0;
6134
+ }
6126
6135
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
6127
6136
  grid-column: 2;
6128
6137
  }
@@ -6143,6 +6152,14 @@ ul) {
6143
6152
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6144
6153
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6145
6154
  }
6155
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
6156
+ flex-direction: column;
6157
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6158
+ align-items: flex-start;
6159
+ }
6160
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
6161
+ flex-grow: 0;
6162
+ }
6146
6163
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
6147
6164
  grid-column: 2;
6148
6165
  }
@@ -6163,6 +6180,14 @@ ul) {
6163
6180
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6164
6181
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6165
6182
  }
6183
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
6184
+ flex-direction: column;
6185
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6186
+ align-items: flex-start;
6187
+ }
6188
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
6189
+ flex-grow: 0;
6190
+ }
6166
6191
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
6167
6192
  grid-column: 2;
6168
6193
  }
@@ -6183,6 +6208,14 @@ ul) {
6183
6208
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6184
6209
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6185
6210
  }
6211
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
6212
+ flex-direction: column;
6213
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6214
+ align-items: flex-start;
6215
+ }
6216
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
6217
+ flex-grow: 0;
6218
+ }
6186
6219
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
6187
6220
  grid-column: 2;
6188
6221
  }
@@ -6203,6 +6236,14 @@ ul) {
6203
6236
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6204
6237
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6205
6238
  }
6239
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
6240
+ flex-direction: column;
6241
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6242
+ align-items: flex-start;
6243
+ }
6244
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
6245
+ flex-grow: 0;
6246
+ }
6206
6247
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
6207
6248
  grid-column: 2;
6208
6249
  }
@@ -6223,6 +6264,14 @@ ul) {
6223
6264
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6224
6265
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6225
6266
  }
6267
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
6268
+ flex-direction: column;
6269
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6270
+ align-items: flex-start;
6271
+ }
6272
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
6273
+ flex-grow: 0;
6274
+ }
6226
6275
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
6227
6276
  grid-column: 2;
6228
6277
  }
@@ -6243,6 +6292,14 @@ ul) {
6243
6292
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
6244
6293
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6245
6294
  }
6295
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
6296
+ flex-direction: column;
6297
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6298
+ align-items: flex-start;
6299
+ }
6300
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
6301
+ flex-grow: 0;
6302
+ }
6246
6303
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
6247
6304
  grid-column: 2;
6248
6305
  }
@@ -6883,9 +6940,88 @@ select ~ .pf-v6-c-form-control__utilities {
6883
6940
  color: var(--pf-v6-c-helper-text__item-text--Color);
6884
6941
  }
6885
6942
 
6943
+ :where(:root, .pf-v6-c-hint) {
6944
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
6945
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
6946
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
6947
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
6948
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
6949
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6950
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
6951
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
6952
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
6953
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
6954
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
6955
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
6956
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
6957
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
6958
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
6959
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6960
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6961
+ }
6962
+
6963
+ .pf-v6-c-hint {
6964
+ display: grid;
6965
+ grid-template-columns: 1fr auto;
6966
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
6967
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
6968
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
6969
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
6970
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
6971
+ color: var(--pf-v6-c-hint--Color);
6972
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
6973
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
6974
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
6975
+ }
6976
+
6977
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
6978
+ text-align: start;
6979
+ white-space: normal;
6980
+ }
6981
+
6982
+ .pf-v6-c-hint__actions {
6983
+ display: inline-grid;
6984
+ grid-row: 1;
6985
+ grid-column: 2;
6986
+ grid-auto-flow: column;
6987
+ align-self: start;
6988
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
6989
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
6990
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
6991
+ text-align: end;
6992
+ }
6993
+
6994
+ .pf-v6-c-hint__actions.pf-m-no-offset {
6995
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
6996
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
6997
+ }
6998
+
6999
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7000
+ grid-column: 1;
7001
+ }
7002
+
7003
+ .pf-v6-c-hint__title {
7004
+ align-self: center;
7005
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
7006
+ }
7007
+
7008
+ .pf-v6-c-hint__body {
7009
+ grid-column: 1/-1;
7010
+ font-size: var(--pf-v6-c-hint__body--FontSize);
7011
+ }
7012
+
7013
+ .pf-v6-c-hint__footer {
7014
+ grid-column: 1/-1;
7015
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7016
+ }
7017
+
7018
+ .pf-v6-c-hint__footer > :not(:last-child) {
7019
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7020
+ }
7021
+
6886
7022
  :where(:root, .pf-v6-c-icon) {
6887
- --pf-v6-c-icon--Width: 1em;
6888
- --pf-v6-c-icon--Height: 1em;
7023
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7024
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
6889
7025
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
6890
7026
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
6891
7027
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -6919,14 +7055,14 @@ select ~ .pf-v6-c-form-control__utilities {
6919
7055
  --pf-v6-c-icon--m-inline--Width: 1em;
6920
7056
  --pf-v6-c-icon--m-inline--Height: 1em;
6921
7057
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
6922
- --pf-v6-c-icon__content--Color: initial;
7058
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
6923
7059
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
6924
7060
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6925
7061
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6926
7062
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
6927
7063
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
6928
7064
  --pf-v6-c-icon--m-inline__content--Color: initial;
6929
- --pf-v6-c-icon__content--FontSize: 1em;
7065
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
6930
7066
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
6931
7067
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
6932
7068
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
@@ -7178,85 +7314,6 @@ select ~ .pf-v6-c-form-control__utilities {
7178
7314
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7179
7315
  }
7180
7316
 
7181
- :where(:root, .pf-v6-c-hint) {
7182
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7183
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7184
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7185
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
7186
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7187
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7188
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
7189
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
7190
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
7191
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
7192
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
7193
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
7194
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
7195
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
7196
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
7197
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7198
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7199
- }
7200
-
7201
- .pf-v6-c-hint {
7202
- display: grid;
7203
- grid-template-columns: 1fr auto;
7204
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
7205
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
7206
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
7207
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
7208
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
7209
- color: var(--pf-v6-c-hint--Color);
7210
- background-color: var(--pf-v6-c-hint--BackgroundColor);
7211
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
7212
- border-radius: var(--pf-v6-c-hint--BorderRadius);
7213
- }
7214
-
7215
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
7216
- text-align: start;
7217
- white-space: normal;
7218
- }
7219
-
7220
- .pf-v6-c-hint__actions {
7221
- display: inline-grid;
7222
- grid-row: 1;
7223
- grid-column: 2;
7224
- grid-auto-flow: column;
7225
- align-self: start;
7226
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7227
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7228
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7229
- text-align: end;
7230
- }
7231
-
7232
- .pf-v6-c-hint__actions.pf-m-no-offset {
7233
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7234
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7235
- }
7236
-
7237
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7238
- grid-column: 1;
7239
- }
7240
-
7241
- .pf-v6-c-hint__title {
7242
- align-self: center;
7243
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
7244
- }
7245
-
7246
- .pf-v6-c-hint__body {
7247
- grid-column: 1/-1;
7248
- font-size: var(--pf-v6-c-hint__body--FontSize);
7249
- }
7250
-
7251
- .pf-v6-c-hint__footer {
7252
- grid-column: 1/-1;
7253
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7254
- }
7255
-
7256
- .pf-v6-c-hint__footer > :not(:last-child) {
7257
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7258
- }
7259
-
7260
7317
  :where(:root, .pf-v6-c-input-group) {
7261
7318
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7262
7319
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -10716,218 +10773,6 @@ ul.pf-v6-c-list {
10716
10773
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10717
10774
  }
10718
10775
  }
10719
- :where(:root, .pf-v6-c-multiple-file-upload) {
10720
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10721
- --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
10722
- --pf-v6-c-multiple-file-upload__main--TextAlign: center;
10723
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
10724
- --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
10725
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
10726
- "title"
10727
- "upload"
10728
- "info";
10729
- --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
10730
- --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10731
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10732
- --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10733
- --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
10734
- --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
10735
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
10736
- --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
10737
- --pf-v6-c-multiple-file-upload__title--Display: grid;
10738
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
10739
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
10740
- --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
10741
- --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
10742
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
10743
- --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
10744
- --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
10745
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
10746
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
10747
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
10748
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
10749
- --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
10750
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
10751
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
10752
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
10753
- --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
10754
- --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
10755
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
10756
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
10757
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
10758
- --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
10759
- --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
10760
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
10761
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
10762
- "title upload"
10763
- "info upload";
10764
- --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
10765
- --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10766
- --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
10767
- --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
10768
- --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
10769
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
10770
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
10771
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
10772
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
10773
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
10774
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
10775
- --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
10776
- --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10777
- --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10778
- --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
10779
- --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10780
- --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
10781
- --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
10782
- --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
10783
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10784
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10785
- --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
10786
- --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
10787
- --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
10788
- --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
10789
- --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
10790
- --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
10791
- --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
10792
- --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
10793
- --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
10794
- }
10795
-
10796
- .pf-v6-c-multiple-file-upload {
10797
- display: grid;
10798
- grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
10799
- gap: var(--pf-v6-c-multiple-file-upload--Gap);
10800
- }
10801
-
10802
- .pf-v6-c-multiple-file-upload.pf-m-horizontal {
10803
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
10804
- --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
10805
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
10806
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
10807
- --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
10808
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
10809
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
10810
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
10811
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
10812
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
10813
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
10814
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
10815
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
10816
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
10817
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
10818
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
10819
- }
10820
-
10821
- .pf-v6-c-multiple-file-upload.pf-m-drag-over {
10822
- --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
10823
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
10824
- }
10825
-
10826
- .pf-v6-c-multiple-file-upload__main {
10827
- display: grid;
10828
- grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
10829
- grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
10830
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
10831
- gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
10832
- align-items: center;
10833
- padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
10834
- padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
10835
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
10836
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
10837
- text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
10838
- border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
10839
- border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
10840
- }
10841
-
10842
- .pf-v6-c-multiple-file-upload__title {
10843
- display: var(--pf-v6-c-multiple-file-upload__title--Display);
10844
- grid-area: title;
10845
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
10846
- gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
10847
- }
10848
-
10849
- .pf-v6-c-multiple-file-upload__title-icon {
10850
- font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
10851
- color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
10852
- }
10853
-
10854
- .pf-v6-c-multiple-file-upload__title-text {
10855
- font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
10856
- font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
10857
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
10858
- color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
10859
- }
10860
-
10861
- .pf-v6-c-multiple-file-upload__title-text-separator {
10862
- display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
10863
- margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
10864
- margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
10865
- font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
10866
- font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
10867
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
10868
- color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
10869
- }
10870
-
10871
- .pf-v6-c-multiple-file-upload__upload {
10872
- grid-area: upload;
10873
- }
10874
-
10875
- .pf-v6-c-multiple-file-upload__info {
10876
- grid-area: info;
10877
- margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
10878
- font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
10879
- color: var(--pf-v6-c-multiple-file-upload__info--Color);
10880
- }
10881
-
10882
- .pf-v6-c-multiple-file-upload__status {
10883
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
10884
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
10885
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
10886
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
10887
- }
10888
-
10889
- .pf-v6-c-multiple-file-upload__status,
10890
- .pf-v6-c-multiple-file-upload__status-item-main {
10891
- min-width: 0;
10892
- }
10893
-
10894
- .pf-v6-c-multiple-file-upload__status-progress {
10895
- display: grid;
10896
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
10897
- gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
10898
- }
10899
-
10900
- .pf-v6-c-multiple-file-upload__status-progress-icon {
10901
- color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
10902
- }
10903
-
10904
- .pf-v6-c-multiple-file-upload__status-item {
10905
- display: grid;
10906
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
10907
- gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
10908
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
10909
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
10910
- border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
10911
- }
10912
-
10913
- .pf-v6-c-multiple-file-upload__status-item-icon {
10914
- color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
10915
- }
10916
-
10917
- .pf-v6-c-multiple-file-upload__status-item-progress {
10918
- display: grid;
10919
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
10920
- gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
10921
- }
10922
-
10923
- .pf-v6-c-multiple-file-upload__status-item-progress-text {
10924
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
10925
- }
10926
-
10927
- .pf-v6-c-multiple-file-upload__status-item-progress-size {
10928
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10929
- }
10930
-
10931
10776
  :where(:root, .pf-v6-c-nav) {
10932
10777
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10933
10778
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11247,6 +11092,218 @@ ul.pf-v6-c-list {
11247
11092
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11248
11093
  }
11249
11094
 
11095
+ :where(:root, .pf-v6-c-multiple-file-upload) {
11096
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
11097
+ --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
11098
+ --pf-v6-c-multiple-file-upload__main--TextAlign: center;
11099
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
11100
+ --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
11101
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
11102
+ "title"
11103
+ "upload"
11104
+ "info";
11105
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
11106
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
11107
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
11108
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
11109
+ --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
11110
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
11111
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
11112
+ --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
11113
+ --pf-v6-c-multiple-file-upload__title--Display: grid;
11114
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
11115
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
11116
+ --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
11117
+ --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
11118
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
11119
+ --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
11120
+ --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
11121
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
11122
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
11123
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
11124
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11125
+ --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
11126
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
11127
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
11128
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
11129
+ --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
11130
+ --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
11131
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
11132
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
11133
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
11134
+ --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
11135
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
11136
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
11137
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
11138
+ "title upload"
11139
+ "info upload";
11140
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
11141
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11142
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
11143
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
11144
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
11145
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
11146
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
11147
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
11148
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
11149
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
11150
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
11151
+ --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
11152
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11153
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11154
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
11155
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11156
+ --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
11157
+ --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
11158
+ --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
11159
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
11160
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11161
+ --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
11162
+ --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
11163
+ --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
11164
+ --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
11165
+ --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
11166
+ --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
11167
+ --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
11168
+ --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
11169
+ --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
11170
+ }
11171
+
11172
+ .pf-v6-c-multiple-file-upload {
11173
+ display: grid;
11174
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
11175
+ gap: var(--pf-v6-c-multiple-file-upload--Gap);
11176
+ }
11177
+
11178
+ .pf-v6-c-multiple-file-upload.pf-m-horizontal {
11179
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
11180
+ --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
11181
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
11182
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
11183
+ --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
11184
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
11185
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
11186
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
11187
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
11188
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
11189
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
11190
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
11191
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
11192
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
11193
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
11194
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
11195
+ }
11196
+
11197
+ .pf-v6-c-multiple-file-upload.pf-m-drag-over {
11198
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
11199
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
11200
+ }
11201
+
11202
+ .pf-v6-c-multiple-file-upload__main {
11203
+ display: grid;
11204
+ grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
11205
+ grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
11206
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
11207
+ gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
11208
+ align-items: center;
11209
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
11210
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
11211
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
11212
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
11213
+ text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
11214
+ border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
11215
+ border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
11216
+ }
11217
+
11218
+ .pf-v6-c-multiple-file-upload__title {
11219
+ display: var(--pf-v6-c-multiple-file-upload__title--Display);
11220
+ grid-area: title;
11221
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
11222
+ gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
11223
+ }
11224
+
11225
+ .pf-v6-c-multiple-file-upload__title-icon {
11226
+ font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
11227
+ color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
11228
+ }
11229
+
11230
+ .pf-v6-c-multiple-file-upload__title-text {
11231
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
11232
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
11233
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
11234
+ color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
11235
+ }
11236
+
11237
+ .pf-v6-c-multiple-file-upload__title-text-separator {
11238
+ display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
11239
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
11240
+ margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
11241
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
11242
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
11243
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
11244
+ color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
11245
+ }
11246
+
11247
+ .pf-v6-c-multiple-file-upload__upload {
11248
+ grid-area: upload;
11249
+ }
11250
+
11251
+ .pf-v6-c-multiple-file-upload__info {
11252
+ grid-area: info;
11253
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
11254
+ font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
11255
+ color: var(--pf-v6-c-multiple-file-upload__info--Color);
11256
+ }
11257
+
11258
+ .pf-v6-c-multiple-file-upload__status {
11259
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
11260
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
11261
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
11262
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
11263
+ }
11264
+
11265
+ .pf-v6-c-multiple-file-upload__status,
11266
+ .pf-v6-c-multiple-file-upload__status-item-main {
11267
+ min-width: 0;
11268
+ }
11269
+
11270
+ .pf-v6-c-multiple-file-upload__status-progress {
11271
+ display: grid;
11272
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
11273
+ gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
11274
+ }
11275
+
11276
+ .pf-v6-c-multiple-file-upload__status-progress-icon {
11277
+ color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
11278
+ }
11279
+
11280
+ .pf-v6-c-multiple-file-upload__status-item {
11281
+ display: grid;
11282
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
11283
+ gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
11284
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
11285
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
11286
+ border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
11287
+ }
11288
+
11289
+ .pf-v6-c-multiple-file-upload__status-item-icon {
11290
+ color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
11291
+ }
11292
+
11293
+ .pf-v6-c-multiple-file-upload__status-item-progress {
11294
+ display: grid;
11295
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
11296
+ gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
11297
+ }
11298
+
11299
+ .pf-v6-c-multiple-file-upload__status-item-progress-text {
11300
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
11301
+ }
11302
+
11303
+ .pf-v6-c-multiple-file-upload__status-item-progress-size {
11304
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
11305
+ }
11306
+
11250
11307
  :where(:root, .pf-v6-c-notification-drawer) {
11251
11308
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11252
11309
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11295,6 +11352,7 @@ ul.pf-v6-c-list {
11295
11352
  --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
11296
11353
  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
11297
11354
  --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
11355
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11298
11356
  --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11299
11357
  --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
11300
11358
  --pf-v6-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
@@ -11454,6 +11512,11 @@ ul.pf-v6-c-list {
11454
11512
  .pf-v6-c-notification-drawer__list-item-action {
11455
11513
  grid-row: 1/3;
11456
11514
  grid-column: 2/3;
11515
+ margin-block-start: var(--pf-v6-c-notification-drawer__list-item-action--MarginBlockStart);
11516
+ }
11517
+
11518
+ .pf-v6-c-notification-drawer__list-item-action.pf-m-no-offset {
11519
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: 0;
11457
11520
  }
11458
11521
 
11459
11522
  .pf-v6-c-notification-drawer__list-item-description {
@@ -13813,10 +13876,19 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13813
13876
  :where(:root, .pf-v6-c-text-input-group) {
13814
13877
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
13815
13878
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
13879
+ --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
13880
+ --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
13881
+ --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
13816
13882
  --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
13883
+ --pf-v6-c-text-input-group__LineHeight: var(--pf-t--global--font--line-height--body);
13884
+ --pf-v6-c-text-input-group__FontSize: var(--pf-t--global--font--size--body--default);
13817
13885
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
13886
+ --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
13887
+ --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
13888
+ --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
13818
13889
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
13819
13890
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
13891
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
13820
13892
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
13821
13893
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
13822
13894
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -13837,7 +13909,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13837
13909
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
13838
13910
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
13839
13911
  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
13912
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
13840
13913
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
13914
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
13915
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
13916
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
13917
+ --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
13918
+ --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
13919
+ --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
13841
13920
  --pf-v6-c-text-input-group__icon--TranslateY: -50%;
13842
13921
  --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
13843
13922
  --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -13850,17 +13929,32 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13850
13929
  position: relative;
13851
13930
  display: flex;
13852
13931
  width: 100%;
13932
+ font-size: var(--pf-v6-c-text-input-group__FontSize);
13933
+ line-height: var(--pf-v6-c-text-input-group__LineHeight);
13853
13934
  color: var(--pf-v6-c-text-input-group--Color, inherit);
13854
13935
  background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
13936
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
13937
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
13938
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
13939
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
13855
13940
  }
13856
13941
 
13857
- .pf-v6-c-text-input-group:hover {
13858
- --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
13942
+ .pf-v6-c-text-input-group::before {
13943
+ position: absolute;
13944
+ inset: 0;
13945
+ pointer-events: none;
13946
+ content: "";
13947
+ border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
13948
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
13949
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
13950
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
13951
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
13859
13952
  }
13860
13953
 
13861
13954
  .pf-v6-c-text-input-group.pf-m-disabled {
13862
13955
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
13863
- --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
13956
+ --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
13957
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
13864
13958
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
13865
13959
  pointer-events: none;
13866
13960
  }
@@ -13869,10 +13963,36 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13869
13963
  --pf-v6-c-text-input-group--BackgroundColor: transparent;
13870
13964
  }
13871
13965
 
13872
- .pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before {
13966
+ .pf-v6-c-text-input-group.pf-m-plain::before {
13873
13967
  border: 0;
13874
13968
  }
13875
13969
 
13970
+ .pf-v6-c-text-input-group.pf-m-success {
13971
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-success--BorderColor);
13972
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-success--BorderColor);
13973
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color);
13974
+ }
13975
+
13976
+ .pf-v6-c-text-input-group.pf-m-warning {
13977
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-warning--BorderColor);
13978
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor);
13979
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color);
13980
+ }
13981
+
13982
+ .pf-v6-c-text-input-group.pf-m-error {
13983
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-error--BorderColor);
13984
+ --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
13985
+ --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
13986
+ }
13987
+
13988
+ .pf-v6-c-text-input-group:hover {
13989
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
13990
+ }
13991
+
13992
+ .pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
13993
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
13994
+ }
13995
+
13876
13996
  .pf-v6-c-text-input-group__main {
13877
13997
  display: flex;
13878
13998
  flex: 1;
@@ -13882,7 +14002,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13882
14002
  }
13883
14003
 
13884
14004
  .pf-v6-c-text-input-group__main.pf-m-icon {
14005
+ --pf-v6-c-text-input-group__text--Position: relative;
13885
14006
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
14007
+ display: inline-flex;
14008
+ align-items: center;
14009
+ justify-content: center;
14010
+ min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
13886
14011
  }
13887
14012
 
13888
14013
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
@@ -13898,24 +14023,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13898
14023
  }
13899
14024
 
13900
14025
  .pf-v6-c-text-input-group__text {
14026
+ position: var(--pf-v6-c-text-input-group__text--Position, revert);
13901
14027
  display: inline-grid;
13902
14028
  flex: 1;
13903
14029
  grid-template-areas: "text-input";
13904
14030
  grid-template-columns: 1fr;
13905
14031
  }
13906
14032
 
13907
- .pf-v6-c-text-input-group__text::before {
13908
- position: absolute;
13909
- inset: 0;
13910
- pointer-events: none;
13911
- content: "";
13912
- border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
13913
- border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
13914
- border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
13915
- border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
13916
- border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
13917
- }
13918
-
13919
14033
  .pf-v6-c-text-input-group__icon {
13920
14034
  position: absolute;
13921
14035
  inset-block-start: 50%;
@@ -13924,6 +14038,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13924
14038
  transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
13925
14039
  }
13926
14040
 
14041
+ .pf-v6-c-text-input-group__icon.pf-m-status {
14042
+ inset-inline-start: auto;
14043
+ inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
14044
+ color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
14045
+ }
14046
+
13927
14047
  .pf-v6-c-text-input-group__text-input {
13928
14048
  overflow: hidden;
13929
14049
  text-overflow: ellipsis;
@@ -14215,122 +14335,41 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14215
14335
  }
14216
14336
 
14217
14337
  .pf-v6-c-skeleton.pf-m-text-md {
14218
- --pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-md--Height);
14219
- }
14220
-
14221
- .pf-v6-c-skeleton.pf-m-text-sm {
14222
- --pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-sm--Height);
14223
- }
14224
-
14225
- @keyframes pf-v6-c-skeleton-loading {
14226
- 0% {
14227
- transform: translateX(-100%);
14228
- }
14229
- 60% {
14230
- transform: translateX(100%);
14231
- }
14232
- 100% {
14233
- transform: translateX(100%);
14234
- }
14235
- }
14236
- :where(:root, .pf-v6-c-skip-to-content) {
14237
- --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14238
- --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
14239
- --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
14240
- }
14241
-
14242
- .pf-v6-c-skip-to-content {
14243
- position: absolute;
14244
- inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
14245
- inset-inline-start: -300%;
14246
- z-index: var(--pf-v6-c-skip-to-content--ZIndex);
14247
- }
14248
-
14249
- .pf-v6-c-skip-to-content:focus-within {
14250
- inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14251
- }
14252
-
14253
- :where(:root, .pf-v6-c-spinner) {
14254
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14255
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14256
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14257
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14258
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
14259
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
14260
- --pf-v6-c-spinner--StrokeWidth: 10;
14261
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14262
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14263
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14264
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14265
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14266
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14267
- --pf-v6-c-spinner--m-inline--diameter: 1em;
14268
- }
14269
-
14270
- .pf-v6-c-spinner {
14271
- width: var(--pf-v6-c-spinner--Width);
14272
- height: var(--pf-v6-c-spinner--Height);
14273
- overflow: hidden;
14274
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14275
- }
14276
-
14277
- .pf-v6-c-spinner.pf-m-inline {
14278
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14279
- }
14280
-
14281
- .pf-v6-c-spinner.pf-m-sm {
14282
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14283
- }
14284
-
14285
- .pf-v6-c-spinner.pf-m-md {
14286
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14287
- }
14288
-
14289
- .pf-v6-c-spinner.pf-m-lg {
14290
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14291
- }
14292
-
14293
- .pf-v6-c-spinner.pf-m-xl {
14294
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14295
- }
14296
-
14297
- .pf-v6-c-spinner__path {
14298
- width: 100%;
14299
- height: 100%;
14300
- stroke: var(--pf-v6-c-spinner--Color);
14301
- stroke-dasharray: 283;
14302
- stroke-dashoffset: 280;
14303
- stroke-linecap: round;
14304
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14305
- transform-origin: 50% 50%;
14306
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14338
+ --pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-md--Height);
14307
14339
  }
14308
14340
 
14309
- @keyframes pf-v6-c-spinner-animation-rotate {
14310
- 0% {
14311
- transform: rotate(0deg);
14312
- }
14313
- 100% {
14314
- transform: rotate(360deg);
14315
- }
14341
+ .pf-v6-c-skeleton.pf-m-text-sm {
14342
+ --pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-sm--Height);
14316
14343
  }
14317
- @keyframes pf-v6-c-spinner-animation-dash {
14344
+
14345
+ @keyframes pf-v6-c-skeleton-loading {
14318
14346
  0% {
14319
- stroke-dashoffset: 280;
14320
- transform: rotate(0);
14321
- }
14322
- 15% {
14323
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14347
+ transform: translateX(-100%);
14324
14348
  }
14325
- 40% {
14326
- stroke-dasharray: 220;
14327
- stroke-dashoffset: 150;
14349
+ 60% {
14350
+ transform: translateX(100%);
14328
14351
  }
14329
14352
  100% {
14330
- stroke-dashoffset: 280;
14331
- transform: rotate(720deg);
14353
+ transform: translateX(100%);
14332
14354
  }
14333
14355
  }
14356
+ :where(:root, .pf-v6-c-skip-to-content) {
14357
+ --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14358
+ --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
14359
+ --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
14360
+ }
14361
+
14362
+ .pf-v6-c-skip-to-content {
14363
+ position: absolute;
14364
+ inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
14365
+ inset-inline-start: -300%;
14366
+ z-index: var(--pf-v6-c-skip-to-content--ZIndex);
14367
+ }
14368
+
14369
+ .pf-v6-c-skip-to-content:focus-within {
14370
+ inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14371
+ }
14372
+
14334
14373
  :where(:root, .pf-v6-c-slider) {
14335
14374
  --pf-v6-c-slider--value: 0;
14336
14375
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14568,6 +14607,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14568
14607
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14569
14608
  }
14570
14609
 
14610
+ :where(:root, .pf-v6-c-spinner) {
14611
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14612
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14613
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14614
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14615
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
14616
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
14617
+ --pf-v6-c-spinner--StrokeWidth: 10;
14618
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14619
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14620
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14621
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14622
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14623
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14624
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
14625
+ }
14626
+
14627
+ .pf-v6-c-spinner {
14628
+ width: var(--pf-v6-c-spinner--Width);
14629
+ height: var(--pf-v6-c-spinner--Height);
14630
+ overflow: hidden;
14631
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14632
+ }
14633
+
14634
+ .pf-v6-c-spinner.pf-m-inline {
14635
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14636
+ }
14637
+
14638
+ .pf-v6-c-spinner.pf-m-sm {
14639
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14640
+ }
14641
+
14642
+ .pf-v6-c-spinner.pf-m-md {
14643
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14644
+ }
14645
+
14646
+ .pf-v6-c-spinner.pf-m-lg {
14647
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14648
+ }
14649
+
14650
+ .pf-v6-c-spinner.pf-m-xl {
14651
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14652
+ }
14653
+
14654
+ .pf-v6-c-spinner__path {
14655
+ width: 100%;
14656
+ height: 100%;
14657
+ stroke: var(--pf-v6-c-spinner--Color);
14658
+ stroke-dasharray: 283;
14659
+ stroke-dashoffset: 280;
14660
+ stroke-linecap: round;
14661
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14662
+ transform-origin: 50% 50%;
14663
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14664
+ }
14665
+
14666
+ @keyframes pf-v6-c-spinner-animation-rotate {
14667
+ 0% {
14668
+ transform: rotate(0deg);
14669
+ }
14670
+ 100% {
14671
+ transform: rotate(360deg);
14672
+ }
14673
+ }
14674
+ @keyframes pf-v6-c-spinner-animation-dash {
14675
+ 0% {
14676
+ stroke-dashoffset: 280;
14677
+ transform: rotate(0);
14678
+ }
14679
+ 15% {
14680
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14681
+ }
14682
+ 40% {
14683
+ stroke-dasharray: 220;
14684
+ stroke-dashoffset: 150;
14685
+ }
14686
+ 100% {
14687
+ stroke-dashoffset: 280;
14688
+ transform: rotate(720deg);
14689
+ }
14690
+ }
14571
14691
  :where(:root, .pf-v6-c-switch) {
14572
14692
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14573
14693
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -15764,47 +15884,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15764
15884
  color: var(--pf-v6-c-tile__icon--Color);
15765
15885
  }
15766
15886
 
15767
- :where(:root, .pf-v6-c-timestamp) {
15768
- --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
15769
- --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
15770
- --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
15771
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
15772
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
15773
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
15774
- --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
15775
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
15776
- --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
15777
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
15778
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
15779
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
15780
- }
15781
-
15782
- .pf-v6-c-timestamp {
15783
- display: inline-block;
15784
- font-size: var(--pf-v6-c-timestamp--FontSize);
15785
- color: var(--pf-v6-c-timestamp--Color);
15786
- outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
15787
- }
15788
-
15789
- .pf-v6-c-timestamp.pf-m-help-text {
15790
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
15791
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
15792
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
15793
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
15794
- text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
15795
- cursor: pointer;
15796
- }
15797
-
15798
- .pf-v6-c-timestamp.pf-m-help-text:hover {
15799
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
15800
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
15801
- }
15802
-
15803
- .pf-v6-c-timestamp.pf-m-help-text:focus {
15804
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
15805
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
15806
- }
15807
-
15808
15887
  :where(:root, .pf-v6-c-title) {
15809
15888
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15810
15889
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -15922,6 +16001,47 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15922
16001
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15923
16002
  }
15924
16003
 
16004
+ :where(:root, .pf-v6-c-timestamp) {
16005
+ --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
16006
+ --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
16007
+ --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
16008
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
16009
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
16010
+ --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
16011
+ --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
16012
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
16013
+ --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
16014
+ --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
16015
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
16016
+ --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
16017
+ }
16018
+
16019
+ .pf-v6-c-timestamp {
16020
+ display: inline-block;
16021
+ font-size: var(--pf-v6-c-timestamp--FontSize);
16022
+ color: var(--pf-v6-c-timestamp--Color);
16023
+ outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
16024
+ }
16025
+
16026
+ .pf-v6-c-timestamp.pf-m-help-text {
16027
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
16028
+ text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
16029
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
16030
+ text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
16031
+ text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
16032
+ cursor: pointer;
16033
+ }
16034
+
16035
+ .pf-v6-c-timestamp.pf-m-help-text:hover {
16036
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
16037
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
16038
+ }
16039
+
16040
+ .pf-v6-c-timestamp.pf-m-help-text:focus {
16041
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
16042
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
16043
+ }
16044
+
15925
16045
  :where(:root, .pf-v6-c-toggle-group) {
15926
16046
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15927
16047
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -16053,10 +16173,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16053
16173
  }
16054
16174
 
16055
16175
  :where(:root, .pf-v6-c-toolbar) {
16056
- --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
16057
- --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
16058
- --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
16059
- --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
16176
+ --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
16177
+ --pf-v6-c-toolbar--PaddingBlockStart: 0;
16178
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
16179
+ --pf-v6-c-toolbar--PaddingInlineStart: 0;
16180
+ --pf-v6-c-toolbar--PaddingInlineEnd: 0;
16060
16181
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
16061
16182
  --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
16062
16183
  --pf-v6-c-toolbar--BackgroundColor: transparent;
@@ -16065,25 +16186,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16065
16186
  --pf-v6-c-toolbar--m-no-background--BackgroundColor: transparent;
16066
16187
  --pf-v6-c-toolbar__item--Width: auto;
16067
16188
  --pf-v6-c-toolbar__item--MinWidth: auto;
16068
- --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
16189
+ --pf-v6-c-toolbar__item--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
16190
+ --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
16069
16191
  --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
16192
+ --pf-v6-c-toolbar__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
16193
+ --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
16070
16194
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
16071
- --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
16072
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
16073
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
16074
- --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
16195
+ --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
16196
+ --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
16197
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16198
+ --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
16199
+ --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
16075
16200
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
16201
+ --pf-v6-c-toolbar__expandable-content--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
16202
+ --pf-v6-c-toolbar__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
16203
+ --pf-v6-c-toolbar__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16204
+ --pf-v6-c-toolbar__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
16205
+ --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16076
16206
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
16077
16207
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
16078
16208
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
16209
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
16210
+ --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16079
16211
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
16080
16212
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16081
- --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
16082
16213
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
16083
16214
  --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
16084
16215
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
16085
- --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
16216
+ --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
16086
16217
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
16218
+ --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
16219
+ --pf-v6-c-toolbar__group--m-action-group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
16220
+ --pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
16221
+ --pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
16087
16222
  }
16088
16223
 
16089
16224
  .pf-v6-c-toolbar__content-section,
@@ -16093,7 +16228,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16093
16228
  --pf-v6-hidden-visible--hidden--Display: none;
16094
16229
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16095
16230
  display: var(--pf-v6-hidden-visible--Display);
16096
- flex-wrap: wrap;
16097
16231
  }
16098
16232
 
16099
16233
  .pf-v6-c-toolbar__content-section.pf-m-hidden,
@@ -16162,11 +16296,19 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16162
16296
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16163
16297
  }
16164
16298
  }
16299
+ .pf-v6-c-toolbar,
16300
+ .pf-v6-c-toolbar__content {
16301
+ position: relative;
16302
+ }
16303
+
16165
16304
  .pf-v6-c-toolbar__content {
16166
16305
  --pf-v6-hidden-visible--visible--Display: grid;
16167
16306
  --pf-v6-hidden-visible--hidden--Display: none;
16168
16307
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16169
16308
  display: var(--pf-v6-hidden-visible--Display);
16309
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
16310
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
16311
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
16170
16312
  }
16171
16313
 
16172
16314
  .pf-v6-c-toolbar__content.pf-m-hidden {
@@ -16213,14 +16355,21 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16213
16355
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
16214
16356
  }
16215
16357
  }
16216
- .pf-v6-c-toolbar,
16217
- .pf-v6-c-toolbar__content {
16218
- position: relative;
16358
+ .pf-v6-c-toolbar__content-section {
16359
+ flex-wrap: wrap;
16360
+ row-gap: var(--pf-v6-c-toolbar__content-section--RowGap);
16361
+ column-gap: var(--pf-v6-c-toolbar__content-section--ColumnGap);
16362
+ align-items: start;
16219
16363
  }
16220
16364
 
16221
16365
  .pf-v6-c-toolbar {
16222
16366
  display: grid;
16367
+ row-gap: var(--pf-v6-c-toolbar--RowGap);
16223
16368
  width: var(--pf-v6-c-toolbar--Width, auto);
16369
+ padding-block-start: var(--pf-v6-c-toolbar--PaddingBlockStart);
16370
+ padding-block-end: var(--pf-v6-c-toolbar--PaddingBlockEnd);
16371
+ padding-inline-start: var(--pf-v6-c-toolbar--PaddingInlineStart);
16372
+ padding-inline-end: var(--pf-v6-c-toolbar--PaddingInlineEnd);
16224
16373
  font-size: var(--pf-v6-c-toolbar--FontSize);
16225
16374
  line-height: var(--pf-v6-c-toolbar--LineHeight);
16226
16375
  background-color: var(--pf-v6-c-toolbar--BackgroundColor);
@@ -16231,6 +16380,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16231
16380
  position: sticky;
16232
16381
  inset-block-start: 0;
16233
16382
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
16383
+ padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
16384
+ padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
16234
16385
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
16235
16386
  }
16236
16387
 
@@ -16253,11 +16404,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16253
16404
  align-self: stretch;
16254
16405
  }
16255
16406
 
16256
- .pf-v6-c-toolbar.pf-m-page-insets {
16257
- --pf-v6-c-toolbar--PaddingInlineStart: var(--pf-v6-c-toolbar--m-page-insets--inset);
16258
- --pf-v6-c-toolbar--PaddingInlineEnd: var(--pf-v6-c-toolbar--m-page-insets--inset);
16259
- }
16260
-
16261
16407
  .pf-v6-c-toolbar.pf-m-primary {
16262
16408
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
16263
16409
  }
@@ -16270,38 +16416,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16270
16416
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
16271
16417
  }
16272
16418
 
16273
- .pf-v6-c-toolbar__content,
16274
- .pf-v6-c-toolbar__content-section,
16275
- .pf-v6-c-toolbar__expandable-content {
16276
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
16277
- column-gap: var(--pf-v6-c-toolbar--ColumnGap);
16278
- }
16279
-
16280
- .pf-v6-c-toolbar__content,
16281
- .pf-v6-c-toolbar__expandable-content {
16282
- padding-block-start: var(--pf-v6-c-toolbar__content--PaddingBlockStart, var(--pf-v6-c-toolbar__content--PaddingBlock));
16283
- padding-block-end: var(--pf-v6-c-toolbar__content--PaddingBlockEnd, var(--pf-v6-c-toolbar__content--PaddingBlock));
16284
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart, var(--pf-v6-c-toolbar__content--PaddingInline));
16285
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd, var(--pf-v6-c-toolbar__content--PaddingInline));
16286
- }
16287
-
16288
- .pf-v6-c-toolbar__content-section {
16289
- align-items: start;
16290
- }
16291
-
16292
- .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 {
16293
- margin-inline-start: revert;
16294
- }
16295
-
16296
- .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),
16297
- .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) {
16298
- flex: 1;
16299
- }
16300
-
16301
16419
  .pf-v6-c-toolbar__item {
16302
16420
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
16303
16421
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
16304
- row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
16422
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
16305
16423
  column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
16306
16424
  width: var(--pf-v6-c-toolbar__item--Width--base);
16307
16425
  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
@@ -16378,25 +16496,29 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16378
16496
  }
16379
16497
 
16380
16498
  .pf-v6-c-toolbar__group {
16381
- row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
16382
- column-gap: var(--pf-v6-c-toolbar__group--ColumnGap, var(--pf-v6-c-toolbar--ColumnGap));
16383
- align-items: baseline;
16384
- }
16385
-
16386
- .pf-v6-c-toolbar__group.pf-m-icon-button-group {
16387
- column-gap: var(--pf-v6-c-toolbar__group--m-icon-button-group--ColumnGap, 0);
16499
+ row-gap: var(--pf-v6-c-toolbar__group--RowGap);
16500
+ column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
16388
16501
  }
16389
16502
 
16390
16503
  .pf-v6-c-toolbar__group.pf-m-filter-group {
16391
16504
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
16392
16505
  }
16393
16506
 
16394
- .pf-v6-c-toolbar__group.pf-m-filter-group, .pf-v6-c-toolbar__group.pf-m-label-group-container {
16395
- flex-wrap: nowrap;
16396
- }
16397
-
16398
16507
  .pf-v6-c-toolbar__group.pf-m-label-group {
16399
16508
  flex: 1;
16509
+ column-gap: var(--pf-v6-c-toolbar__group--m-label-group--ColumnGap);
16510
+ }
16511
+
16512
+ .pf-v6-c-toolbar__group.pf-m-action-group {
16513
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
16514
+ }
16515
+
16516
+ .pf-v6-c-toolbar__group.pf-m-action-group-plain {
16517
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
16518
+ }
16519
+
16520
+ .pf-v6-c-toolbar__group.pf-m-action-group-inline {
16521
+ column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
16400
16522
  }
16401
16523
 
16402
16524
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
@@ -16408,7 +16530,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16408
16530
  inset-block-start: 100%;
16409
16531
  z-index: var(--pf-v6-c-toolbar__expandable-content--ZIndex);
16410
16532
  display: none;
16533
+ row-gap: var(--pf-v6-c-toolbar__expandable-content--RowGap);
16411
16534
  width: 100%;
16535
+ padding-block-start: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockStart);
16536
+ padding-block-end: var(--pf-v6-c-toolbar__expandable-content--PaddingBlockEnd);
16537
+ padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
16538
+ padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
16412
16539
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
16413
16540
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
16414
16541
  }
@@ -16429,8 +16556,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16429
16556
  flex-basis: 100%;
16430
16557
  }
16431
16558
 
16559
+ .pf-v6-c-toolbar__expandable-content .pf-v6-c-toolbar__group.pf-m-action-group-inline {
16560
+ display: flex;
16561
+ justify-content: center;
16562
+ }
16563
+
16432
16564
  .pf-v6-c-toolbar__expand-all-icon {
16433
- display: inline-block;
16565
+ display: inline-flex;
16434
16566
  transition: var(--pf-v6-c-toolbar__expand-all-icon--Transition);
16435
16567
  transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
16436
16568
  }
@@ -16441,7 +16573,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16441
16573
 
16442
16574
  .pf-v6-c-toolbar__group,
16443
16575
  .pf-v6-c-toolbar__item {
16444
- align-self: baseline;
16576
+ align-items: baseline;
16445
16577
  }
16446
16578
 
16447
16579
  .pf-v6-c-toolbar__group.pf-m-overflow-container,
@@ -16496,294 +16628,242 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16496
16628
  align-self: end;
16497
16629
  }
16498
16630
 
16499
- .pf-v6-c-toolbar.pf-m-inset-none,
16500
- .pf-v6-c-toolbar__content.pf-m-inset-none,
16501
- .pf-v6-c-toolbar__content-section.pf-m-inset-none {
16502
- --pf-v6-c-toolbar__content--PaddingInline: 0;
16631
+ .pf-v6-c-toolbar.pf-m-inset-none {
16632
+ padding-inline: 0;
16503
16633
  }
16504
16634
 
16505
- .pf-v6-c-toolbar.pf-m-inset-xs,
16506
- .pf-v6-c-toolbar__content.pf-m-inset-xs,
16507
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs {
16508
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
16635
+ .pf-v6-c-toolbar.pf-m-inset-xs {
16636
+ padding-inline: var(--pf-t--global--spacer--xs);
16509
16637
  }
16510
16638
 
16511
- .pf-v6-c-toolbar.pf-m-inset-sm,
16512
- .pf-v6-c-toolbar__content.pf-m-inset-sm,
16513
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm {
16514
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
16639
+ .pf-v6-c-toolbar.pf-m-inset-sm {
16640
+ padding-inline: var(--pf-t--global--spacer--sm);
16515
16641
  }
16516
16642
 
16517
- .pf-v6-c-toolbar.pf-m-inset-md,
16518
- .pf-v6-c-toolbar__content.pf-m-inset-md,
16519
- .pf-v6-c-toolbar__content-section.pf-m-inset-md {
16520
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
16643
+ .pf-v6-c-toolbar.pf-m-inset-md {
16644
+ padding-inline: var(--pf-t--global--spacer--md);
16521
16645
  }
16522
16646
 
16523
- .pf-v6-c-toolbar.pf-m-inset-lg,
16524
- .pf-v6-c-toolbar__content.pf-m-inset-lg,
16525
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg {
16526
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
16647
+ .pf-v6-c-toolbar.pf-m-inset-lg {
16648
+ padding-inline: var(--pf-t--global--spacer--lg);
16527
16649
  }
16528
16650
 
16529
- .pf-v6-c-toolbar.pf-m-inset-xl,
16530
- .pf-v6-c-toolbar__content.pf-m-inset-xl,
16531
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl {
16532
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
16651
+ .pf-v6-c-toolbar.pf-m-inset-xl {
16652
+ padding-inline: var(--pf-t--global--spacer--xl);
16533
16653
  }
16534
16654
 
16535
- .pf-v6-c-toolbar.pf-m-inset-2xl,
16536
- .pf-v6-c-toolbar__content.pf-m-inset-2xl,
16537
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl {
16538
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
16655
+ .pf-v6-c-toolbar.pf-m-inset-2xl {
16656
+ padding-inline: var(--pf-t--global--spacer--2xl);
16539
16657
  }
16540
16658
 
16541
- .pf-v6-c-toolbar.pf-m-inset-3xl,
16542
- .pf-v6-c-toolbar__content.pf-m-inset-3xl,
16543
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl {
16544
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
16659
+ .pf-v6-c-toolbar.pf-m-inset-3xl {
16660
+ padding-inline: var(--pf-t--global--spacer--3xl);
16545
16661
  }
16546
16662
 
16547
- .pf-v6-c-toolbar.pf-m-inset-4xl,
16548
- .pf-v6-c-toolbar__content.pf-m-inset-4xl,
16549
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl {
16550
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
16663
+ .pf-v6-c-toolbar.pf-m-inset-4xl {
16664
+ padding-inline: var(--pf-t--global--spacer--4xl);
16551
16665
  }
16552
16666
 
16553
16667
  .pf-v6-c-toolbar__group.pf-m-wrap,
16554
16668
  .pf-v6-c-toolbar__item.pf-m-wrap,
16555
- .pf-v6-c-toolbar__content.pf-m-wrap,
16556
16669
  .pf-v6-c-toolbar__content-section.pf-m-wrap {
16557
16670
  flex-wrap: wrap;
16558
16671
  }
16559
16672
 
16560
16673
  .pf-v6-c-toolbar__group.pf-m-nowrap,
16561
16674
  .pf-v6-c-toolbar__item.pf-m-nowrap,
16562
- .pf-v6-c-toolbar__content.pf-m-nowrap,
16563
16675
  .pf-v6-c-toolbar__content-section.pf-m-nowrap {
16564
16676
  flex-wrap: nowrap;
16565
16677
  }
16566
16678
 
16567
16679
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch,
16568
16680
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch,
16569
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch,
16570
16681
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch {
16571
16682
  align-items: stretch;
16572
16683
  }
16573
16684
 
16574
16685
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline,
16575
16686
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline,
16576
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline,
16577
16687
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline {
16578
16688
  align-items: baseline;
16579
16689
  }
16580
16690
 
16581
16691
  .pf-v6-c-toolbar__group.pf-m-align-items-start,
16582
16692
  .pf-v6-c-toolbar__item.pf-m-align-items-start,
16583
- .pf-v6-c-toolbar__content.pf-m-align-items-start,
16584
16693
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start {
16585
16694
  align-items: start;
16586
16695
  }
16587
16696
 
16588
16697
  .pf-v6-c-toolbar__group.pf-m-align-items-center,
16589
16698
  .pf-v6-c-toolbar__item.pf-m-align-items-center,
16590
- .pf-v6-c-toolbar__content.pf-m-align-items-center,
16591
16699
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center {
16592
16700
  align-items: center;
16593
16701
  }
16594
16702
 
16595
16703
  .pf-v6-c-toolbar__group.pf-m-align-items-end,
16596
16704
  .pf-v6-c-toolbar__item.pf-m-align-items-end,
16597
- .pf-v6-c-toolbar__content.pf-m-align-items-end,
16598
16705
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end {
16599
16706
  align-items: end;
16600
16707
  }
16601
16708
 
16602
16709
  .pf-v6-c-toolbar__group.pf-m-gap-none,
16603
16710
  .pf-v6-c-toolbar__item.pf-m-gap-none,
16604
- .pf-v6-c-toolbar__content.pf-m-gap-none,
16605
16711
  .pf-v6-c-toolbar__content-section.pf-m-gap-none {
16606
16712
  gap: 0;
16607
16713
  }
16608
16714
 
16609
16715
  .pf-v6-c-toolbar__group.pf-m-gap-xs,
16610
16716
  .pf-v6-c-toolbar__item.pf-m-gap-xs,
16611
- .pf-v6-c-toolbar__content.pf-m-gap-xs,
16612
16717
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs {
16613
16718
  gap: var(--pf-t--global--spacer--xs);
16614
16719
  }
16615
16720
 
16616
16721
  .pf-v6-c-toolbar__group.pf-m-gap-sm,
16617
16722
  .pf-v6-c-toolbar__item.pf-m-gap-sm,
16618
- .pf-v6-c-toolbar__content.pf-m-gap-sm,
16619
16723
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm {
16620
16724
  gap: var(--pf-t--global--spacer--sm);
16621
16725
  }
16622
16726
 
16623
16727
  .pf-v6-c-toolbar__group.pf-m-gap-md,
16624
16728
  .pf-v6-c-toolbar__item.pf-m-gap-md,
16625
- .pf-v6-c-toolbar__content.pf-m-gap-md,
16626
16729
  .pf-v6-c-toolbar__content-section.pf-m-gap-md {
16627
16730
  gap: var(--pf-t--global--spacer--md);
16628
16731
  }
16629
16732
 
16630
16733
  .pf-v6-c-toolbar__group.pf-m-gap-lg,
16631
16734
  .pf-v6-c-toolbar__item.pf-m-gap-lg,
16632
- .pf-v6-c-toolbar__content.pf-m-gap-lg,
16633
16735
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg {
16634
16736
  gap: var(--pf-t--global--spacer--lg);
16635
16737
  }
16636
16738
 
16637
16739
  .pf-v6-c-toolbar__group.pf-m-gap-xl,
16638
16740
  .pf-v6-c-toolbar__item.pf-m-gap-xl,
16639
- .pf-v6-c-toolbar__content.pf-m-gap-xl,
16640
16741
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl {
16641
16742
  gap: var(--pf-t--global--spacer--xl);
16642
16743
  }
16643
16744
 
16644
16745
  .pf-v6-c-toolbar__group.pf-m-gap-2xl,
16645
16746
  .pf-v6-c-toolbar__item.pf-m-gap-2xl,
16646
- .pf-v6-c-toolbar__content.pf-m-gap-2xl,
16647
16747
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl {
16648
16748
  gap: var(--pf-t--global--spacer--2xl);
16649
16749
  }
16650
16750
 
16651
16751
  .pf-v6-c-toolbar__group.pf-m-gap-3xl,
16652
16752
  .pf-v6-c-toolbar__item.pf-m-gap-3xl,
16653
- .pf-v6-c-toolbar__content.pf-m-gap-3xl,
16654
16753
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl {
16655
16754
  gap: var(--pf-t--global--spacer--3xl);
16656
16755
  }
16657
16756
 
16658
16757
  .pf-v6-c-toolbar__group.pf-m-gap-4xl,
16659
16758
  .pf-v6-c-toolbar__item.pf-m-gap-4xl,
16660
- .pf-v6-c-toolbar__content.pf-m-gap-4xl,
16661
16759
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl {
16662
16760
  gap: var(--pf-t--global--spacer--4xl);
16663
16761
  }
16664
16762
 
16665
16763
  .pf-v6-c-toolbar__group.pf-m-column-gap-none,
16666
16764
  .pf-v6-c-toolbar__item.pf-m-column-gap-none,
16667
- .pf-v6-c-toolbar__content.pf-m-column-gap-none,
16668
16765
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none {
16669
16766
  column-gap: 0;
16670
16767
  }
16671
16768
 
16672
16769
  .pf-v6-c-toolbar__group.pf-m-row-gap-none,
16673
16770
  .pf-v6-c-toolbar__item.pf-m-row-gap-none,
16674
- .pf-v6-c-toolbar__content.pf-m-row-gap-none,
16675
16771
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none {
16676
16772
  row-gap: 0;
16677
16773
  }
16678
16774
 
16679
16775
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs,
16680
16776
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs,
16681
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs,
16682
16777
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs {
16683
16778
  column-gap: var(--pf-t--global--spacer--xs);
16684
16779
  }
16685
16780
 
16686
16781
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs,
16687
16782
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs,
16688
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs,
16689
16783
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs {
16690
16784
  row-gap: var(--pf-t--global--spacer--xs);
16691
16785
  }
16692
16786
 
16693
16787
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm,
16694
16788
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm,
16695
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm,
16696
16789
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm {
16697
16790
  column-gap: var(--pf-t--global--spacer--sm);
16698
16791
  }
16699
16792
 
16700
16793
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm,
16701
16794
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm,
16702
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm,
16703
16795
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm {
16704
16796
  row-gap: var(--pf-t--global--spacer--sm);
16705
16797
  }
16706
16798
 
16707
16799
  .pf-v6-c-toolbar__group.pf-m-column-gap-md,
16708
16800
  .pf-v6-c-toolbar__item.pf-m-column-gap-md,
16709
- .pf-v6-c-toolbar__content.pf-m-column-gap-md,
16710
16801
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md {
16711
16802
  column-gap: var(--pf-t--global--spacer--md);
16712
16803
  }
16713
16804
 
16714
16805
  .pf-v6-c-toolbar__group.pf-m-row-gap-md,
16715
16806
  .pf-v6-c-toolbar__item.pf-m-row-gap-md,
16716
- .pf-v6-c-toolbar__content.pf-m-row-gap-md,
16717
16807
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md {
16718
16808
  row-gap: var(--pf-t--global--spacer--md);
16719
16809
  }
16720
16810
 
16721
16811
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg,
16722
16812
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg,
16723
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg,
16724
16813
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg {
16725
16814
  column-gap: var(--pf-t--global--spacer--lg);
16726
16815
  }
16727
16816
 
16728
16817
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg,
16729
16818
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg,
16730
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg,
16731
16819
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg {
16732
16820
  row-gap: var(--pf-t--global--spacer--lg);
16733
16821
  }
16734
16822
 
16735
16823
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl,
16736
16824
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl,
16737
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl,
16738
16825
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl {
16739
16826
  column-gap: var(--pf-t--global--spacer--xl);
16740
16827
  }
16741
16828
 
16742
16829
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl,
16743
16830
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl,
16744
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl,
16745
16831
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl {
16746
16832
  row-gap: var(--pf-t--global--spacer--xl);
16747
16833
  }
16748
16834
 
16749
16835
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl,
16750
16836
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl,
16751
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl,
16752
16837
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl {
16753
16838
  column-gap: var(--pf-t--global--spacer--2xl);
16754
16839
  }
16755
16840
 
16756
16841
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl,
16757
16842
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl,
16758
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl,
16759
16843
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl {
16760
16844
  row-gap: var(--pf-t--global--spacer--2xl);
16761
16845
  }
16762
16846
 
16763
16847
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl,
16764
16848
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl,
16765
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl,
16766
16849
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl {
16767
16850
  column-gap: var(--pf-t--global--spacer--3xl);
16768
16851
  }
16769
16852
 
16770
16853
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl,
16771
16854
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl,
16772
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl,
16773
16855
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl {
16774
16856
  row-gap: var(--pf-t--global--spacer--3xl);
16775
16857
  }
16776
16858
 
16777
16859
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl,
16778
16860
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl,
16779
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl,
16780
16861
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl {
16781
16862
  column-gap: var(--pf-t--global--spacer--4xl);
16782
16863
  }
16783
16864
 
16784
16865
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl,
16785
16866
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl,
16786
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl,
16787
16867
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl {
16788
16868
  row-gap: var(--pf-t--global--spacer--4xl);
16789
16869
  }
@@ -16805,7 +16885,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16805
16885
  }
16806
16886
 
16807
16887
  .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 {
16808
- display: inline-block;
16888
+ display: inline-flex;
16809
16889
  }
16810
16890
 
16811
16891
  @media (min-width: 576px) {
@@ -16846,252 +16926,200 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16846
16926
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
16847
16927
  align-self: end;
16848
16928
  }
16849
- .pf-v6-c-toolbar.pf-m-inset-none-on-sm,
16850
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-sm,
16851
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-sm {
16852
- --pf-v6-c-toolbar__content--PaddingInline: 0;
16853
- }
16854
- .pf-v6-c-toolbar.pf-m-inset-xs-on-sm,
16855
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-sm,
16856
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-sm {
16857
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
16858
- }
16859
- .pf-v6-c-toolbar.pf-m-inset-sm-on-sm,
16860
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-sm,
16861
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-sm {
16862
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
16863
- }
16864
- .pf-v6-c-toolbar.pf-m-inset-md-on-sm,
16865
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-sm,
16866
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-sm {
16867
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
16868
- }
16869
- .pf-v6-c-toolbar.pf-m-inset-lg-on-sm,
16870
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-sm,
16871
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-sm {
16872
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
16873
- }
16874
- .pf-v6-c-toolbar.pf-m-inset-xl-on-sm,
16875
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-sm,
16876
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-sm {
16877
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
16878
- }
16879
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm,
16880
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-sm,
16881
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-sm {
16882
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
16883
- }
16884
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm,
16885
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-sm,
16886
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-sm {
16887
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
16888
- }
16889
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm,
16890
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-sm,
16891
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-sm {
16892
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
16929
+ .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
16930
+ padding-inline: 0;
16931
+ }
16932
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
16933
+ padding-inline: var(--pf-t--global--spacer--xs);
16934
+ }
16935
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
16936
+ padding-inline: var(--pf-t--global--spacer--sm);
16937
+ }
16938
+ .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
16939
+ padding-inline: var(--pf-t--global--spacer--md);
16940
+ }
16941
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
16942
+ padding-inline: var(--pf-t--global--spacer--lg);
16943
+ }
16944
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
16945
+ padding-inline: var(--pf-t--global--spacer--xl);
16946
+ }
16947
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
16948
+ padding-inline: var(--pf-t--global--spacer--2xl);
16949
+ }
16950
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
16951
+ padding-inline: var(--pf-t--global--spacer--3xl);
16952
+ }
16953
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
16954
+ padding-inline: var(--pf-t--global--spacer--4xl);
16893
16955
  }
16894
16956
  .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
16895
16957
  .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
16896
- .pf-v6-c-toolbar__content.pf-m-wrap-on-sm,
16897
16958
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
16898
16959
  flex-wrap: wrap;
16899
16960
  }
16900
16961
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-sm,
16901
16962
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-sm,
16902
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-sm,
16903
16963
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-sm {
16904
16964
  flex-wrap: nowrap;
16905
16965
  }
16906
16966
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-sm,
16907
16967
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-sm,
16908
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-sm,
16909
16968
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-sm {
16910
16969
  align-items: stretch;
16911
16970
  }
16912
16971
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-sm,
16913
16972
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-sm,
16914
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-sm,
16915
16973
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-sm {
16916
16974
  align-items: baseline;
16917
16975
  }
16918
16976
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-sm,
16919
16977
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-sm,
16920
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-sm,
16921
16978
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-sm {
16922
16979
  align-items: start;
16923
16980
  }
16924
16981
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-sm,
16925
16982
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-sm,
16926
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-sm,
16927
16983
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-sm {
16928
16984
  align-items: center;
16929
16985
  }
16930
16986
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-sm,
16931
16987
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-sm,
16932
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-sm,
16933
16988
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-sm {
16934
16989
  align-items: end;
16935
16990
  }
16936
16991
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-sm,
16937
16992
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-sm,
16938
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-sm,
16939
16993
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-sm {
16940
16994
  gap: 0;
16941
16995
  }
16942
16996
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-sm,
16943
16997
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-sm,
16944
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-sm,
16945
16998
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-sm {
16946
16999
  gap: var(--pf-t--global--spacer--xs);
16947
17000
  }
16948
17001
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-sm,
16949
17002
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-sm,
16950
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-sm,
16951
17003
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-sm {
16952
17004
  gap: var(--pf-t--global--spacer--sm);
16953
17005
  }
16954
17006
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-sm,
16955
17007
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-sm,
16956
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-sm,
16957
17008
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-sm {
16958
17009
  gap: var(--pf-t--global--spacer--md);
16959
17010
  }
16960
17011
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-sm,
16961
17012
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-sm,
16962
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-sm,
16963
17013
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-sm {
16964
17014
  gap: var(--pf-t--global--spacer--lg);
16965
17015
  }
16966
17016
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-sm,
16967
17017
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-sm,
16968
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-sm,
16969
17018
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-sm {
16970
17019
  gap: var(--pf-t--global--spacer--xl);
16971
17020
  }
16972
17021
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-sm,
16973
17022
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-sm,
16974
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-sm,
16975
17023
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-sm {
16976
17024
  gap: var(--pf-t--global--spacer--2xl);
16977
17025
  }
16978
17026
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-sm,
16979
17027
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-sm,
16980
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-sm,
16981
17028
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-sm {
16982
17029
  gap: var(--pf-t--global--spacer--3xl);
16983
17030
  }
16984
17031
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-sm,
16985
17032
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-sm,
16986
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-sm,
16987
17033
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-sm {
16988
17034
  gap: var(--pf-t--global--spacer--4xl);
16989
17035
  }
16990
17036
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-sm,
16991
17037
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-sm,
16992
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-sm,
16993
17038
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-sm {
16994
17039
  column-gap: 0;
16995
17040
  }
16996
17041
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-sm,
16997
17042
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-sm,
16998
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-sm,
16999
17043
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-sm {
17000
17044
  row-gap: 0;
17001
17045
  }
17002
17046
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-sm,
17003
17047
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-sm,
17004
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-sm,
17005
17048
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-sm {
17006
17049
  column-gap: var(--pf-t--global--spacer--xs);
17007
17050
  }
17008
17051
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-sm,
17009
17052
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-sm,
17010
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-sm,
17011
17053
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-sm {
17012
17054
  row-gap: var(--pf-t--global--spacer--xs);
17013
17055
  }
17014
17056
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-sm,
17015
17057
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-sm,
17016
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-sm,
17017
17058
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-sm {
17018
17059
  column-gap: var(--pf-t--global--spacer--sm);
17019
17060
  }
17020
17061
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-sm,
17021
17062
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-sm,
17022
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-sm,
17023
17063
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-sm {
17024
17064
  row-gap: var(--pf-t--global--spacer--sm);
17025
17065
  }
17026
17066
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-sm,
17027
17067
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-sm,
17028
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-sm,
17029
17068
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-sm {
17030
17069
  column-gap: var(--pf-t--global--spacer--md);
17031
17070
  }
17032
17071
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-sm,
17033
17072
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-sm,
17034
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-sm,
17035
17073
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-sm {
17036
17074
  row-gap: var(--pf-t--global--spacer--md);
17037
17075
  }
17038
17076
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-sm,
17039
17077
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-sm,
17040
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-sm,
17041
17078
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-sm {
17042
17079
  column-gap: var(--pf-t--global--spacer--lg);
17043
17080
  }
17044
17081
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-sm,
17045
17082
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-sm,
17046
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-sm,
17047
17083
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-sm {
17048
17084
  row-gap: var(--pf-t--global--spacer--lg);
17049
17085
  }
17050
17086
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-sm,
17051
17087
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-sm,
17052
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-sm,
17053
17088
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-sm {
17054
17089
  column-gap: var(--pf-t--global--spacer--xl);
17055
17090
  }
17056
17091
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-sm,
17057
17092
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-sm,
17058
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-sm,
17059
17093
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-sm {
17060
17094
  row-gap: var(--pf-t--global--spacer--xl);
17061
17095
  }
17062
17096
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-sm,
17063
17097
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-sm,
17064
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-sm,
17065
17098
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-sm {
17066
17099
  column-gap: var(--pf-t--global--spacer--2xl);
17067
17100
  }
17068
17101
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-sm,
17069
17102
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-sm,
17070
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-sm,
17071
17103
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-sm {
17072
17104
  row-gap: var(--pf-t--global--spacer--2xl);
17073
17105
  }
17074
17106
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-sm,
17075
17107
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-sm,
17076
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-sm,
17077
17108
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-sm {
17078
17109
  column-gap: var(--pf-t--global--spacer--3xl);
17079
17110
  }
17080
17111
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-sm,
17081
17112
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-sm,
17082
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-sm,
17083
17113
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-sm {
17084
17114
  row-gap: var(--pf-t--global--spacer--3xl);
17085
17115
  }
17086
17116
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-sm,
17087
17117
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-sm,
17088
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-sm,
17089
17118
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-sm {
17090
17119
  column-gap: var(--pf-t--global--spacer--4xl);
17091
17120
  }
17092
17121
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-sm,
17093
17122
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-sm,
17094
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-sm,
17095
17123
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-sm {
17096
17124
  row-gap: var(--pf-t--global--spacer--4xl);
17097
17125
  }
@@ -17109,7 +17137,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17109
17137
  display: none;
17110
17138
  }
17111
17139
  .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 {
17112
- display: inline-block;
17140
+ display: inline-flex;
17113
17141
  }
17114
17142
  }
17115
17143
  @media (min-width: 768px) {
@@ -17150,252 +17178,200 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17150
17178
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
17151
17179
  align-self: end;
17152
17180
  }
17153
- .pf-v6-c-toolbar.pf-m-inset-none-on-md,
17154
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-md,
17155
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-md {
17156
- --pf-v6-c-toolbar__content--PaddingInline: 0;
17157
- }
17158
- .pf-v6-c-toolbar.pf-m-inset-xs-on-md,
17159
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-md,
17160
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-md {
17161
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
17162
- }
17163
- .pf-v6-c-toolbar.pf-m-inset-sm-on-md,
17164
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-md,
17165
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-md {
17166
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
17167
- }
17168
- .pf-v6-c-toolbar.pf-m-inset-md-on-md,
17169
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-md,
17170
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-md {
17171
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
17172
- }
17173
- .pf-v6-c-toolbar.pf-m-inset-lg-on-md,
17174
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-md,
17175
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-md {
17176
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
17177
- }
17178
- .pf-v6-c-toolbar.pf-m-inset-xl-on-md,
17179
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-md,
17180
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-md {
17181
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
17182
- }
17183
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-md,
17184
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-md,
17185
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-md {
17186
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
17187
- }
17188
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-md,
17189
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-md,
17190
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-md {
17191
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
17192
- }
17193
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-md,
17194
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-md,
17195
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-md {
17196
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
17181
+ .pf-v6-c-toolbar.pf-m-inset-none-on-md {
17182
+ padding-inline: 0;
17183
+ }
17184
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
17185
+ padding-inline: var(--pf-t--global--spacer--xs);
17186
+ }
17187
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
17188
+ padding-inline: var(--pf-t--global--spacer--sm);
17189
+ }
17190
+ .pf-v6-c-toolbar.pf-m-inset-md-on-md {
17191
+ padding-inline: var(--pf-t--global--spacer--md);
17192
+ }
17193
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
17194
+ padding-inline: var(--pf-t--global--spacer--lg);
17195
+ }
17196
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
17197
+ padding-inline: var(--pf-t--global--spacer--xl);
17198
+ }
17199
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
17200
+ padding-inline: var(--pf-t--global--spacer--2xl);
17201
+ }
17202
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
17203
+ padding-inline: var(--pf-t--global--spacer--3xl);
17204
+ }
17205
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
17206
+ padding-inline: var(--pf-t--global--spacer--4xl);
17197
17207
  }
17198
17208
  .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
17199
17209
  .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
17200
- .pf-v6-c-toolbar__content.pf-m-wrap-on-md,
17201
17210
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
17202
17211
  flex-wrap: wrap;
17203
17212
  }
17204
17213
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-md,
17205
17214
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-md,
17206
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-md,
17207
17215
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-md {
17208
17216
  flex-wrap: nowrap;
17209
17217
  }
17210
17218
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-md,
17211
17219
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-md,
17212
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-md,
17213
17220
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-md {
17214
17221
  align-items: stretch;
17215
17222
  }
17216
17223
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-md,
17217
17224
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-md,
17218
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-md,
17219
17225
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-md {
17220
17226
  align-items: baseline;
17221
17227
  }
17222
17228
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-md,
17223
17229
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-md,
17224
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-md,
17225
17230
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-md {
17226
17231
  align-items: start;
17227
17232
  }
17228
17233
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-md,
17229
17234
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-md,
17230
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-md,
17231
17235
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-md {
17232
17236
  align-items: center;
17233
17237
  }
17234
17238
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-md,
17235
17239
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-md,
17236
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-md,
17237
17240
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-md {
17238
17241
  align-items: end;
17239
17242
  }
17240
17243
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-md,
17241
17244
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-md,
17242
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-md,
17243
17245
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-md {
17244
17246
  gap: 0;
17245
17247
  }
17246
17248
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-md,
17247
17249
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-md,
17248
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-md,
17249
17250
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-md {
17250
17251
  gap: var(--pf-t--global--spacer--xs);
17251
17252
  }
17252
17253
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-md,
17253
17254
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-md,
17254
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-md,
17255
17255
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-md {
17256
17256
  gap: var(--pf-t--global--spacer--sm);
17257
17257
  }
17258
17258
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-md,
17259
17259
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-md,
17260
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-md,
17261
17260
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-md {
17262
17261
  gap: var(--pf-t--global--spacer--md);
17263
17262
  }
17264
17263
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-md,
17265
17264
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-md,
17266
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-md,
17267
17265
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-md {
17268
17266
  gap: var(--pf-t--global--spacer--lg);
17269
17267
  }
17270
17268
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-md,
17271
17269
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-md,
17272
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-md,
17273
17270
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-md {
17274
17271
  gap: var(--pf-t--global--spacer--xl);
17275
17272
  }
17276
17273
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-md,
17277
17274
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-md,
17278
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-md,
17279
17275
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-md {
17280
17276
  gap: var(--pf-t--global--spacer--2xl);
17281
17277
  }
17282
17278
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-md,
17283
17279
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-md,
17284
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-md,
17285
17280
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-md {
17286
17281
  gap: var(--pf-t--global--spacer--3xl);
17287
17282
  }
17288
17283
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-md,
17289
17284
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-md,
17290
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-md,
17291
17285
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-md {
17292
17286
  gap: var(--pf-t--global--spacer--4xl);
17293
17287
  }
17294
17288
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-md,
17295
17289
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-md,
17296
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-md,
17297
17290
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-md {
17298
17291
  column-gap: 0;
17299
17292
  }
17300
17293
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-md,
17301
17294
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-md,
17302
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-md,
17303
17295
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-md {
17304
17296
  row-gap: 0;
17305
17297
  }
17306
17298
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-md,
17307
17299
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-md,
17308
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-md,
17309
17300
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-md {
17310
17301
  column-gap: var(--pf-t--global--spacer--xs);
17311
17302
  }
17312
17303
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-md,
17313
17304
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-md,
17314
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-md,
17315
17305
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-md {
17316
17306
  row-gap: var(--pf-t--global--spacer--xs);
17317
17307
  }
17318
17308
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-md,
17319
17309
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-md,
17320
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-md,
17321
17310
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-md {
17322
17311
  column-gap: var(--pf-t--global--spacer--sm);
17323
17312
  }
17324
17313
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-md,
17325
17314
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-md,
17326
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-md,
17327
17315
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-md {
17328
17316
  row-gap: var(--pf-t--global--spacer--sm);
17329
17317
  }
17330
17318
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-md,
17331
17319
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-md,
17332
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-md,
17333
17320
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-md {
17334
17321
  column-gap: var(--pf-t--global--spacer--md);
17335
17322
  }
17336
17323
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-md,
17337
17324
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-md,
17338
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-md,
17339
17325
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-md {
17340
17326
  row-gap: var(--pf-t--global--spacer--md);
17341
17327
  }
17342
17328
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-md,
17343
17329
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-md,
17344
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-md,
17345
17330
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-md {
17346
17331
  column-gap: var(--pf-t--global--spacer--lg);
17347
17332
  }
17348
17333
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-md,
17349
17334
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-md,
17350
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-md,
17351
17335
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-md {
17352
17336
  row-gap: var(--pf-t--global--spacer--lg);
17353
17337
  }
17354
17338
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-md,
17355
17339
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-md,
17356
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-md,
17357
17340
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-md {
17358
17341
  column-gap: var(--pf-t--global--spacer--xl);
17359
17342
  }
17360
17343
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-md,
17361
17344
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-md,
17362
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-md,
17363
17345
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-md {
17364
17346
  row-gap: var(--pf-t--global--spacer--xl);
17365
17347
  }
17366
17348
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-md,
17367
17349
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-md,
17368
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-md,
17369
17350
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-md {
17370
17351
  column-gap: var(--pf-t--global--spacer--2xl);
17371
17352
  }
17372
17353
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-md,
17373
17354
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-md,
17374
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-md,
17375
17355
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-md {
17376
17356
  row-gap: var(--pf-t--global--spacer--2xl);
17377
17357
  }
17378
17358
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-md,
17379
17359
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-md,
17380
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-md,
17381
17360
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-md {
17382
17361
  column-gap: var(--pf-t--global--spacer--3xl);
17383
17362
  }
17384
17363
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-md,
17385
17364
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-md,
17386
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-md,
17387
17365
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-md {
17388
17366
  row-gap: var(--pf-t--global--spacer--3xl);
17389
17367
  }
17390
17368
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-md,
17391
17369
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-md,
17392
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-md,
17393
17370
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-md {
17394
17371
  column-gap: var(--pf-t--global--spacer--4xl);
17395
17372
  }
17396
17373
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-md,
17397
17374
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-md,
17398
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-md,
17399
17375
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-md {
17400
17376
  row-gap: var(--pf-t--global--spacer--4xl);
17401
17377
  }
@@ -17413,7 +17389,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17413
17389
  display: none;
17414
17390
  }
17415
17391
  .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 {
17416
- display: inline-block;
17392
+ display: inline-flex;
17417
17393
  }
17418
17394
  }
17419
17395
  @media (min-width: 992px) {
@@ -17454,252 +17430,200 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17454
17430
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
17455
17431
  align-self: end;
17456
17432
  }
17457
- .pf-v6-c-toolbar.pf-m-inset-none-on-lg,
17458
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-lg,
17459
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-lg {
17460
- --pf-v6-c-toolbar__content--PaddingInline: 0;
17461
- }
17462
- .pf-v6-c-toolbar.pf-m-inset-xs-on-lg,
17463
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-lg,
17464
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-lg {
17465
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
17466
- }
17467
- .pf-v6-c-toolbar.pf-m-inset-sm-on-lg,
17468
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-lg,
17469
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-lg {
17470
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
17471
- }
17472
- .pf-v6-c-toolbar.pf-m-inset-md-on-lg,
17473
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-lg,
17474
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-lg {
17475
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
17476
- }
17477
- .pf-v6-c-toolbar.pf-m-inset-lg-on-lg,
17478
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-lg,
17479
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-lg {
17480
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
17481
- }
17482
- .pf-v6-c-toolbar.pf-m-inset-xl-on-lg,
17483
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-lg,
17484
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-lg {
17485
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
17486
- }
17487
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg,
17488
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-lg,
17489
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-lg {
17490
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
17491
- }
17492
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg,
17493
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-lg,
17494
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-lg {
17495
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
17496
- }
17497
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg,
17498
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-lg,
17499
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-lg {
17500
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
17433
+ .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
17434
+ padding-inline: 0;
17435
+ }
17436
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
17437
+ padding-inline: var(--pf-t--global--spacer--xs);
17438
+ }
17439
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
17440
+ padding-inline: var(--pf-t--global--spacer--sm);
17441
+ }
17442
+ .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
17443
+ padding-inline: var(--pf-t--global--spacer--md);
17444
+ }
17445
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
17446
+ padding-inline: var(--pf-t--global--spacer--lg);
17447
+ }
17448
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
17449
+ padding-inline: var(--pf-t--global--spacer--xl);
17450
+ }
17451
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
17452
+ padding-inline: var(--pf-t--global--spacer--2xl);
17453
+ }
17454
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
17455
+ padding-inline: var(--pf-t--global--spacer--3xl);
17456
+ }
17457
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
17458
+ padding-inline: var(--pf-t--global--spacer--4xl);
17501
17459
  }
17502
17460
  .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
17503
17461
  .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
17504
- .pf-v6-c-toolbar__content.pf-m-wrap-on-lg,
17505
17462
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
17506
17463
  flex-wrap: wrap;
17507
17464
  }
17508
17465
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-lg,
17509
17466
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-lg,
17510
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-lg,
17511
17467
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-lg {
17512
17468
  flex-wrap: nowrap;
17513
17469
  }
17514
17470
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-lg,
17515
17471
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-lg,
17516
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-lg,
17517
17472
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-lg {
17518
17473
  align-items: stretch;
17519
17474
  }
17520
17475
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-lg,
17521
17476
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-lg,
17522
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-lg,
17523
17477
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-lg {
17524
17478
  align-items: baseline;
17525
17479
  }
17526
17480
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-lg,
17527
17481
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-lg,
17528
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-lg,
17529
17482
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-lg {
17530
17483
  align-items: start;
17531
17484
  }
17532
17485
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-lg,
17533
17486
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-lg,
17534
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-lg,
17535
17487
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-lg {
17536
17488
  align-items: center;
17537
17489
  }
17538
17490
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-lg,
17539
17491
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-lg,
17540
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-lg,
17541
17492
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-lg {
17542
17493
  align-items: end;
17543
17494
  }
17544
17495
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-lg,
17545
17496
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-lg,
17546
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-lg,
17547
17497
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-lg {
17548
17498
  gap: 0;
17549
17499
  }
17550
17500
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-lg,
17551
17501
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-lg,
17552
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-lg,
17553
17502
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-lg {
17554
17503
  gap: var(--pf-t--global--spacer--xs);
17555
17504
  }
17556
17505
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-lg,
17557
17506
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-lg,
17558
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-lg,
17559
17507
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-lg {
17560
17508
  gap: var(--pf-t--global--spacer--sm);
17561
17509
  }
17562
17510
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-lg,
17563
17511
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-lg,
17564
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-lg,
17565
17512
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-lg {
17566
17513
  gap: var(--pf-t--global--spacer--md);
17567
17514
  }
17568
17515
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-lg,
17569
17516
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-lg,
17570
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-lg,
17571
17517
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-lg {
17572
17518
  gap: var(--pf-t--global--spacer--lg);
17573
17519
  }
17574
17520
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-lg,
17575
17521
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-lg,
17576
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-lg,
17577
17522
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-lg {
17578
17523
  gap: var(--pf-t--global--spacer--xl);
17579
17524
  }
17580
17525
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-lg,
17581
17526
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-lg,
17582
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-lg,
17583
17527
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-lg {
17584
17528
  gap: var(--pf-t--global--spacer--2xl);
17585
17529
  }
17586
17530
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-lg,
17587
17531
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-lg,
17588
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-lg,
17589
17532
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-lg {
17590
17533
  gap: var(--pf-t--global--spacer--3xl);
17591
17534
  }
17592
17535
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-lg,
17593
17536
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-lg,
17594
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-lg,
17595
17537
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-lg {
17596
17538
  gap: var(--pf-t--global--spacer--4xl);
17597
17539
  }
17598
17540
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-lg,
17599
17541
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-lg,
17600
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-lg,
17601
17542
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-lg {
17602
17543
  column-gap: 0;
17603
17544
  }
17604
17545
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-lg,
17605
17546
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-lg,
17606
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-lg,
17607
17547
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-lg {
17608
17548
  row-gap: 0;
17609
17549
  }
17610
17550
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-lg,
17611
17551
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-lg,
17612
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-lg,
17613
17552
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-lg {
17614
17553
  column-gap: var(--pf-t--global--spacer--xs);
17615
17554
  }
17616
17555
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-lg,
17617
17556
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-lg,
17618
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-lg,
17619
17557
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-lg {
17620
17558
  row-gap: var(--pf-t--global--spacer--xs);
17621
17559
  }
17622
17560
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-lg,
17623
17561
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-lg,
17624
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-lg,
17625
17562
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-lg {
17626
17563
  column-gap: var(--pf-t--global--spacer--sm);
17627
17564
  }
17628
17565
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-lg,
17629
17566
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-lg,
17630
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-lg,
17631
17567
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-lg {
17632
17568
  row-gap: var(--pf-t--global--spacer--sm);
17633
17569
  }
17634
17570
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-lg,
17635
17571
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-lg,
17636
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-lg,
17637
17572
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-lg {
17638
17573
  column-gap: var(--pf-t--global--spacer--md);
17639
17574
  }
17640
17575
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-lg,
17641
17576
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-lg,
17642
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-lg,
17643
17577
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-lg {
17644
17578
  row-gap: var(--pf-t--global--spacer--md);
17645
17579
  }
17646
17580
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-lg,
17647
17581
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-lg,
17648
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-lg,
17649
17582
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-lg {
17650
17583
  column-gap: var(--pf-t--global--spacer--lg);
17651
17584
  }
17652
17585
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-lg,
17653
17586
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-lg,
17654
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-lg,
17655
17587
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-lg {
17656
17588
  row-gap: var(--pf-t--global--spacer--lg);
17657
17589
  }
17658
17590
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-lg,
17659
17591
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-lg,
17660
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-lg,
17661
17592
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-lg {
17662
17593
  column-gap: var(--pf-t--global--spacer--xl);
17663
17594
  }
17664
17595
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-lg,
17665
17596
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-lg,
17666
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-lg,
17667
17597
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-lg {
17668
17598
  row-gap: var(--pf-t--global--spacer--xl);
17669
17599
  }
17670
17600
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-lg,
17671
17601
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-lg,
17672
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-lg,
17673
17602
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-lg {
17674
17603
  column-gap: var(--pf-t--global--spacer--2xl);
17675
17604
  }
17676
17605
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-lg,
17677
17606
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-lg,
17678
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-lg,
17679
17607
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-lg {
17680
17608
  row-gap: var(--pf-t--global--spacer--2xl);
17681
17609
  }
17682
17610
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-lg,
17683
17611
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-lg,
17684
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-lg,
17685
17612
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-lg {
17686
17613
  column-gap: var(--pf-t--global--spacer--3xl);
17687
17614
  }
17688
17615
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-lg,
17689
17616
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-lg,
17690
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-lg,
17691
17617
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-lg {
17692
17618
  row-gap: var(--pf-t--global--spacer--3xl);
17693
17619
  }
17694
17620
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-lg,
17695
17621
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-lg,
17696
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-lg,
17697
17622
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-lg {
17698
17623
  column-gap: var(--pf-t--global--spacer--4xl);
17699
17624
  }
17700
17625
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-lg,
17701
17626
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-lg,
17702
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-lg,
17703
17627
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-lg {
17704
17628
  row-gap: var(--pf-t--global--spacer--4xl);
17705
17629
  }
@@ -17717,7 +17641,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17717
17641
  display: none;
17718
17642
  }
17719
17643
  .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 {
17720
- display: inline-block;
17644
+ display: inline-flex;
17721
17645
  }
17722
17646
  }
17723
17647
  @media (min-width: 1200px) {
@@ -17758,252 +17682,200 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17758
17682
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
17759
17683
  align-self: end;
17760
17684
  }
17761
- .pf-v6-c-toolbar.pf-m-inset-none-on-xl,
17762
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-xl,
17763
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-xl {
17764
- --pf-v6-c-toolbar__content--PaddingInline: 0;
17765
- }
17766
- .pf-v6-c-toolbar.pf-m-inset-xs-on-xl,
17767
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-xl,
17768
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-xl {
17769
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
17770
- }
17771
- .pf-v6-c-toolbar.pf-m-inset-sm-on-xl,
17772
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-xl,
17773
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-xl {
17774
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
17775
- }
17776
- .pf-v6-c-toolbar.pf-m-inset-md-on-xl,
17777
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-xl,
17778
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-xl {
17779
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
17780
- }
17781
- .pf-v6-c-toolbar.pf-m-inset-lg-on-xl,
17782
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-xl,
17783
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-xl {
17784
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
17785
- }
17786
- .pf-v6-c-toolbar.pf-m-inset-xl-on-xl,
17787
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-xl,
17788
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-xl {
17789
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
17790
- }
17791
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl,
17792
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-xl,
17793
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-xl {
17794
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
17795
- }
17796
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl,
17797
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-xl,
17798
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-xl {
17799
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
17800
- }
17801
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl,
17802
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-xl,
17803
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-xl {
17804
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
17685
+ .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
17686
+ padding-inline: 0;
17687
+ }
17688
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
17689
+ padding-inline: var(--pf-t--global--spacer--xs);
17690
+ }
17691
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
17692
+ padding-inline: var(--pf-t--global--spacer--sm);
17693
+ }
17694
+ .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
17695
+ padding-inline: var(--pf-t--global--spacer--md);
17696
+ }
17697
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
17698
+ padding-inline: var(--pf-t--global--spacer--lg);
17699
+ }
17700
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
17701
+ padding-inline: var(--pf-t--global--spacer--xl);
17702
+ }
17703
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
17704
+ padding-inline: var(--pf-t--global--spacer--2xl);
17705
+ }
17706
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
17707
+ padding-inline: var(--pf-t--global--spacer--3xl);
17708
+ }
17709
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
17710
+ padding-inline: var(--pf-t--global--spacer--4xl);
17805
17711
  }
17806
17712
  .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
17807
17713
  .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
17808
- .pf-v6-c-toolbar__content.pf-m-wrap-on-xl,
17809
17714
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
17810
17715
  flex-wrap: wrap;
17811
17716
  }
17812
17717
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-xl,
17813
17718
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-xl,
17814
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-xl,
17815
17719
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-xl {
17816
17720
  flex-wrap: nowrap;
17817
17721
  }
17818
17722
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-xl,
17819
17723
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-xl,
17820
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-xl,
17821
17724
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-xl {
17822
17725
  align-items: stretch;
17823
17726
  }
17824
17727
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-xl,
17825
17728
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-xl,
17826
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-xl,
17827
17729
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-xl {
17828
17730
  align-items: baseline;
17829
17731
  }
17830
17732
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-xl,
17831
17733
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-xl,
17832
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-xl,
17833
17734
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-xl {
17834
17735
  align-items: start;
17835
17736
  }
17836
17737
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-xl,
17837
17738
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-xl,
17838
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-xl,
17839
17739
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-xl {
17840
17740
  align-items: center;
17841
17741
  }
17842
17742
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-xl,
17843
17743
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-xl,
17844
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-xl,
17845
17744
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-xl {
17846
17745
  align-items: end;
17847
17746
  }
17848
17747
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-xl,
17849
17748
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-xl,
17850
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-xl,
17851
17749
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-xl {
17852
17750
  gap: 0;
17853
17751
  }
17854
17752
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-xl,
17855
17753
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-xl,
17856
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-xl,
17857
17754
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-xl {
17858
17755
  gap: var(--pf-t--global--spacer--xs);
17859
17756
  }
17860
17757
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-xl,
17861
17758
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-xl,
17862
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-xl,
17863
17759
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-xl {
17864
17760
  gap: var(--pf-t--global--spacer--sm);
17865
17761
  }
17866
17762
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-xl,
17867
17763
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-xl,
17868
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-xl,
17869
17764
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-xl {
17870
17765
  gap: var(--pf-t--global--spacer--md);
17871
17766
  }
17872
17767
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-xl,
17873
17768
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-xl,
17874
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-xl,
17875
17769
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-xl {
17876
17770
  gap: var(--pf-t--global--spacer--lg);
17877
17771
  }
17878
17772
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-xl,
17879
17773
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-xl,
17880
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-xl,
17881
17774
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-xl {
17882
17775
  gap: var(--pf-t--global--spacer--xl);
17883
17776
  }
17884
17777
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-xl,
17885
17778
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-xl,
17886
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-xl,
17887
17779
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-xl {
17888
17780
  gap: var(--pf-t--global--spacer--2xl);
17889
17781
  }
17890
17782
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-xl,
17891
17783
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-xl,
17892
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-xl,
17893
17784
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-xl {
17894
17785
  gap: var(--pf-t--global--spacer--3xl);
17895
17786
  }
17896
17787
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-xl,
17897
17788
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-xl,
17898
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-xl,
17899
17789
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-xl {
17900
17790
  gap: var(--pf-t--global--spacer--4xl);
17901
17791
  }
17902
17792
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-xl,
17903
17793
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-xl,
17904
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-xl,
17905
17794
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-xl {
17906
17795
  column-gap: 0;
17907
17796
  }
17908
17797
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-xl,
17909
17798
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-xl,
17910
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-xl,
17911
17799
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-xl {
17912
17800
  row-gap: 0;
17913
17801
  }
17914
17802
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-xl,
17915
17803
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-xl,
17916
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-xl,
17917
17804
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-xl {
17918
17805
  column-gap: var(--pf-t--global--spacer--xs);
17919
17806
  }
17920
17807
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-xl,
17921
17808
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-xl,
17922
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-xl,
17923
17809
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-xl {
17924
17810
  row-gap: var(--pf-t--global--spacer--xs);
17925
17811
  }
17926
17812
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-xl,
17927
17813
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-xl,
17928
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-xl,
17929
17814
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-xl {
17930
17815
  column-gap: var(--pf-t--global--spacer--sm);
17931
17816
  }
17932
17817
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-xl,
17933
17818
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-xl,
17934
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-xl,
17935
17819
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-xl {
17936
17820
  row-gap: var(--pf-t--global--spacer--sm);
17937
17821
  }
17938
17822
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-xl,
17939
17823
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-xl,
17940
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-xl,
17941
17824
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-xl {
17942
17825
  column-gap: var(--pf-t--global--spacer--md);
17943
17826
  }
17944
17827
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-xl,
17945
17828
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-xl,
17946
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-xl,
17947
17829
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-xl {
17948
17830
  row-gap: var(--pf-t--global--spacer--md);
17949
17831
  }
17950
17832
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-xl,
17951
17833
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-xl,
17952
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-xl,
17953
17834
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-xl {
17954
17835
  column-gap: var(--pf-t--global--spacer--lg);
17955
17836
  }
17956
17837
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-xl,
17957
17838
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-xl,
17958
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-xl,
17959
17839
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-xl {
17960
17840
  row-gap: var(--pf-t--global--spacer--lg);
17961
17841
  }
17962
17842
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-xl,
17963
17843
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-xl,
17964
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-xl,
17965
17844
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-xl {
17966
17845
  column-gap: var(--pf-t--global--spacer--xl);
17967
17846
  }
17968
17847
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-xl,
17969
17848
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-xl,
17970
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-xl,
17971
17849
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-xl {
17972
17850
  row-gap: var(--pf-t--global--spacer--xl);
17973
17851
  }
17974
17852
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-xl,
17975
17853
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-xl,
17976
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-xl,
17977
17854
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-xl {
17978
17855
  column-gap: var(--pf-t--global--spacer--2xl);
17979
17856
  }
17980
17857
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-xl,
17981
17858
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-xl,
17982
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-xl,
17983
17859
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-xl {
17984
17860
  row-gap: var(--pf-t--global--spacer--2xl);
17985
17861
  }
17986
17862
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-xl,
17987
17863
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-xl,
17988
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-xl,
17989
17864
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-xl {
17990
17865
  column-gap: var(--pf-t--global--spacer--3xl);
17991
17866
  }
17992
17867
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-xl,
17993
17868
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-xl,
17994
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-xl,
17995
17869
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-xl {
17996
17870
  row-gap: var(--pf-t--global--spacer--3xl);
17997
17871
  }
17998
17872
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-xl,
17999
17873
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-xl,
18000
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-xl,
18001
17874
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-xl {
18002
17875
  column-gap: var(--pf-t--global--spacer--4xl);
18003
17876
  }
18004
17877
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-xl,
18005
17878
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-xl,
18006
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-xl,
18007
17879
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-xl {
18008
17880
  row-gap: var(--pf-t--global--spacer--4xl);
18009
17881
  }
@@ -18021,7 +17893,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18021
17893
  display: none;
18022
17894
  }
18023
17895
  .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 {
18024
- display: inline-block;
17896
+ display: inline-flex;
18025
17897
  }
18026
17898
  }
18027
17899
  @media (min-width: 1450px) {
@@ -18062,252 +17934,200 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18062
17934
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
18063
17935
  align-self: end;
18064
17936
  }
18065
- .pf-v6-c-toolbar.pf-m-inset-none-on-2xl,
18066
- .pf-v6-c-toolbar__content.pf-m-inset-none-on-2xl,
18067
- .pf-v6-c-toolbar__content-section.pf-m-inset-none-on-2xl {
18068
- --pf-v6-c-toolbar__content--PaddingInline: 0;
18069
- }
18070
- .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl,
18071
- .pf-v6-c-toolbar__content.pf-m-inset-xs-on-2xl,
18072
- .pf-v6-c-toolbar__content-section.pf-m-inset-xs-on-2xl {
18073
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xs);
18074
- }
18075
- .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl,
18076
- .pf-v6-c-toolbar__content.pf-m-inset-sm-on-2xl,
18077
- .pf-v6-c-toolbar__content-section.pf-m-inset-sm-on-2xl {
18078
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--sm);
18079
- }
18080
- .pf-v6-c-toolbar.pf-m-inset-md-on-2xl,
18081
- .pf-v6-c-toolbar__content.pf-m-inset-md-on-2xl,
18082
- .pf-v6-c-toolbar__content-section.pf-m-inset-md-on-2xl {
18083
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--md);
18084
- }
18085
- .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl,
18086
- .pf-v6-c-toolbar__content.pf-m-inset-lg-on-2xl,
18087
- .pf-v6-c-toolbar__content-section.pf-m-inset-lg-on-2xl {
18088
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--lg);
18089
- }
18090
- .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl,
18091
- .pf-v6-c-toolbar__content.pf-m-inset-xl-on-2xl,
18092
- .pf-v6-c-toolbar__content-section.pf-m-inset-xl-on-2xl {
18093
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--xl);
18094
- }
18095
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl,
18096
- .pf-v6-c-toolbar__content.pf-m-inset-2xl-on-2xl,
18097
- .pf-v6-c-toolbar__content-section.pf-m-inset-2xl-on-2xl {
18098
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--2xl);
18099
- }
18100
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl,
18101
- .pf-v6-c-toolbar__content.pf-m-inset-3xl-on-2xl,
18102
- .pf-v6-c-toolbar__content-section.pf-m-inset-3xl-on-2xl {
18103
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--3xl);
18104
- }
18105
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl,
18106
- .pf-v6-c-toolbar__content.pf-m-inset-4xl-on-2xl,
18107
- .pf-v6-c-toolbar__content-section.pf-m-inset-4xl-on-2xl {
18108
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-t--global--spacer--4xl);
17937
+ .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
17938
+ padding-inline: 0;
17939
+ }
17940
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
17941
+ padding-inline: var(--pf-t--global--spacer--xs);
17942
+ }
17943
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
17944
+ padding-inline: var(--pf-t--global--spacer--sm);
17945
+ }
17946
+ .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
17947
+ padding-inline: var(--pf-t--global--spacer--md);
17948
+ }
17949
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
17950
+ padding-inline: var(--pf-t--global--spacer--lg);
17951
+ }
17952
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
17953
+ padding-inline: var(--pf-t--global--spacer--xl);
17954
+ }
17955
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
17956
+ padding-inline: var(--pf-t--global--spacer--2xl);
17957
+ }
17958
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
17959
+ padding-inline: var(--pf-t--global--spacer--3xl);
17960
+ }
17961
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
17962
+ padding-inline: var(--pf-t--global--spacer--4xl);
18109
17963
  }
18110
17964
  .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
18111
17965
  .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
18112
- .pf-v6-c-toolbar__content.pf-m-wrap-on-2xl,
18113
17966
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
18114
17967
  flex-wrap: wrap;
18115
17968
  }
18116
17969
  .pf-v6-c-toolbar__group.pf-m-nowrap-on-2xl,
18117
17970
  .pf-v6-c-toolbar__item.pf-m-nowrap-on-2xl,
18118
- .pf-v6-c-toolbar__content.pf-m-nowrap-on-2xl,
18119
17971
  .pf-v6-c-toolbar__content-section.pf-m-nowrap-on-2xl {
18120
17972
  flex-wrap: nowrap;
18121
17973
  }
18122
17974
  .pf-v6-c-toolbar__group.pf-m-align-items-stretch-on-2xl,
18123
17975
  .pf-v6-c-toolbar__item.pf-m-align-items-stretch-on-2xl,
18124
- .pf-v6-c-toolbar__content.pf-m-align-items-stretch-on-2xl,
18125
17976
  .pf-v6-c-toolbar__content-section.pf-m-align-items-stretch-on-2xl {
18126
17977
  align-items: stretch;
18127
17978
  }
18128
17979
  .pf-v6-c-toolbar__group.pf-m-align-items-baseline-on-2xl,
18129
17980
  .pf-v6-c-toolbar__item.pf-m-align-items-baseline-on-2xl,
18130
- .pf-v6-c-toolbar__content.pf-m-align-items-baseline-on-2xl,
18131
17981
  .pf-v6-c-toolbar__content-section.pf-m-align-items-baseline-on-2xl {
18132
17982
  align-items: baseline;
18133
17983
  }
18134
17984
  .pf-v6-c-toolbar__group.pf-m-align-items-start-on-2xl,
18135
17985
  .pf-v6-c-toolbar__item.pf-m-align-items-start-on-2xl,
18136
- .pf-v6-c-toolbar__content.pf-m-align-items-start-on-2xl,
18137
17986
  .pf-v6-c-toolbar__content-section.pf-m-align-items-start-on-2xl {
18138
17987
  align-items: start;
18139
17988
  }
18140
17989
  .pf-v6-c-toolbar__group.pf-m-align-items-center-on-2xl,
18141
17990
  .pf-v6-c-toolbar__item.pf-m-align-items-center-on-2xl,
18142
- .pf-v6-c-toolbar__content.pf-m-align-items-center-on-2xl,
18143
17991
  .pf-v6-c-toolbar__content-section.pf-m-align-items-center-on-2xl {
18144
17992
  align-items: center;
18145
17993
  }
18146
17994
  .pf-v6-c-toolbar__group.pf-m-align-items-end-on-2xl,
18147
17995
  .pf-v6-c-toolbar__item.pf-m-align-items-end-on-2xl,
18148
- .pf-v6-c-toolbar__content.pf-m-align-items-end-on-2xl,
18149
17996
  .pf-v6-c-toolbar__content-section.pf-m-align-items-end-on-2xl {
18150
17997
  align-items: end;
18151
17998
  }
18152
17999
  .pf-v6-c-toolbar__group.pf-m-gap-none-on-2xl,
18153
18000
  .pf-v6-c-toolbar__item.pf-m-gap-none-on-2xl,
18154
- .pf-v6-c-toolbar__content.pf-m-gap-none-on-2xl,
18155
18001
  .pf-v6-c-toolbar__content-section.pf-m-gap-none-on-2xl {
18156
18002
  gap: 0;
18157
18003
  }
18158
18004
  .pf-v6-c-toolbar__group.pf-m-gap-xs-on-2xl,
18159
18005
  .pf-v6-c-toolbar__item.pf-m-gap-xs-on-2xl,
18160
- .pf-v6-c-toolbar__content.pf-m-gap-xs-on-2xl,
18161
18006
  .pf-v6-c-toolbar__content-section.pf-m-gap-xs-on-2xl {
18162
18007
  gap: var(--pf-t--global--spacer--xs);
18163
18008
  }
18164
18009
  .pf-v6-c-toolbar__group.pf-m-gap-sm-on-2xl,
18165
18010
  .pf-v6-c-toolbar__item.pf-m-gap-sm-on-2xl,
18166
- .pf-v6-c-toolbar__content.pf-m-gap-sm-on-2xl,
18167
18011
  .pf-v6-c-toolbar__content-section.pf-m-gap-sm-on-2xl {
18168
18012
  gap: var(--pf-t--global--spacer--sm);
18169
18013
  }
18170
18014
  .pf-v6-c-toolbar__group.pf-m-gap-md-on-2xl,
18171
18015
  .pf-v6-c-toolbar__item.pf-m-gap-md-on-2xl,
18172
- .pf-v6-c-toolbar__content.pf-m-gap-md-on-2xl,
18173
18016
  .pf-v6-c-toolbar__content-section.pf-m-gap-md-on-2xl {
18174
18017
  gap: var(--pf-t--global--spacer--md);
18175
18018
  }
18176
18019
  .pf-v6-c-toolbar__group.pf-m-gap-lg-on-2xl,
18177
18020
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
18178
- .pf-v6-c-toolbar__content.pf-m-gap-lg-on-2xl,
18179
18021
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
18180
18022
  gap: var(--pf-t--global--spacer--lg);
18181
18023
  }
18182
18024
  .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
18183
18025
  .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
18184
- .pf-v6-c-toolbar__content.pf-m-gap-xl-on-2xl,
18185
18026
  .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
18186
18027
  gap: var(--pf-t--global--spacer--xl);
18187
18028
  }
18188
18029
  .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
18189
18030
  .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
18190
- .pf-v6-c-toolbar__content.pf-m-gap-2xl-on-2xl,
18191
18031
  .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
18192
18032
  gap: var(--pf-t--global--spacer--2xl);
18193
18033
  }
18194
18034
  .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
18195
18035
  .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
18196
- .pf-v6-c-toolbar__content.pf-m-gap-3xl-on-2xl,
18197
18036
  .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
18198
18037
  gap: var(--pf-t--global--spacer--3xl);
18199
18038
  }
18200
18039
  .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
18201
18040
  .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
18202
- .pf-v6-c-toolbar__content.pf-m-gap-4xl-on-2xl,
18203
18041
  .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
18204
18042
  gap: var(--pf-t--global--spacer--4xl);
18205
18043
  }
18206
18044
  .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
18207
18045
  .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
18208
- .pf-v6-c-toolbar__content.pf-m-column-gap-none-on-2xl,
18209
18046
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
18210
18047
  column-gap: 0;
18211
18048
  }
18212
18049
  .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
18213
18050
  .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
18214
- .pf-v6-c-toolbar__content.pf-m-row-gap-none-on-2xl,
18215
18051
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
18216
18052
  row-gap: 0;
18217
18053
  }
18218
18054
  .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
18219
18055
  .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
18220
- .pf-v6-c-toolbar__content.pf-m-column-gap-xs-on-2xl,
18221
18056
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
18222
18057
  column-gap: var(--pf-t--global--spacer--xs);
18223
18058
  }
18224
18059
  .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
18225
18060
  .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
18226
- .pf-v6-c-toolbar__content.pf-m-row-gap-xs-on-2xl,
18227
18061
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
18228
18062
  row-gap: var(--pf-t--global--spacer--xs);
18229
18063
  }
18230
18064
  .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
18231
18065
  .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
18232
- .pf-v6-c-toolbar__content.pf-m-column-gap-sm-on-2xl,
18233
18066
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
18234
18067
  column-gap: var(--pf-t--global--spacer--sm);
18235
18068
  }
18236
18069
  .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
18237
18070
  .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
18238
- .pf-v6-c-toolbar__content.pf-m-row-gap-sm-on-2xl,
18239
18071
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
18240
18072
  row-gap: var(--pf-t--global--spacer--sm);
18241
18073
  }
18242
18074
  .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
18243
18075
  .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
18244
- .pf-v6-c-toolbar__content.pf-m-column-gap-md-on-2xl,
18245
18076
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
18246
18077
  column-gap: var(--pf-t--global--spacer--md);
18247
18078
  }
18248
18079
  .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
18249
18080
  .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
18250
- .pf-v6-c-toolbar__content.pf-m-row-gap-md-on-2xl,
18251
18081
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
18252
18082
  row-gap: var(--pf-t--global--spacer--md);
18253
18083
  }
18254
18084
  .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
18255
18085
  .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
18256
- .pf-v6-c-toolbar__content.pf-m-column-gap-lg-on-2xl,
18257
18086
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
18258
18087
  column-gap: var(--pf-t--global--spacer--lg);
18259
18088
  }
18260
18089
  .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
18261
18090
  .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
18262
- .pf-v6-c-toolbar__content.pf-m-row-gap-lg-on-2xl,
18263
18091
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
18264
18092
  row-gap: var(--pf-t--global--spacer--lg);
18265
18093
  }
18266
18094
  .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
18267
18095
  .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
18268
- .pf-v6-c-toolbar__content.pf-m-column-gap-xl-on-2xl,
18269
18096
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
18270
18097
  column-gap: var(--pf-t--global--spacer--xl);
18271
18098
  }
18272
18099
  .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
18273
18100
  .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
18274
- .pf-v6-c-toolbar__content.pf-m-row-gap-xl-on-2xl,
18275
18101
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
18276
18102
  row-gap: var(--pf-t--global--spacer--xl);
18277
18103
  }
18278
18104
  .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
18279
18105
  .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
18280
- .pf-v6-c-toolbar__content.pf-m-column-gap-2xl-on-2xl,
18281
18106
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
18282
18107
  column-gap: var(--pf-t--global--spacer--2xl);
18283
18108
  }
18284
18109
  .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
18285
18110
  .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
18286
- .pf-v6-c-toolbar__content.pf-m-row-gap-2xl-on-2xl,
18287
18111
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
18288
18112
  row-gap: var(--pf-t--global--spacer--2xl);
18289
18113
  }
18290
18114
  .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
18291
18115
  .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
18292
- .pf-v6-c-toolbar__content.pf-m-column-gap-3xl-on-2xl,
18293
18116
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
18294
18117
  column-gap: var(--pf-t--global--spacer--3xl);
18295
18118
  }
18296
18119
  .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
18297
18120
  .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
18298
- .pf-v6-c-toolbar__content.pf-m-row-gap-3xl-on-2xl,
18299
18121
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
18300
18122
  row-gap: var(--pf-t--global--spacer--3xl);
18301
18123
  }
18302
18124
  .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
18303
18125
  .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
18304
- .pf-v6-c-toolbar__content.pf-m-column-gap-4xl-on-2xl,
18305
18126
  .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
18306
18127
  column-gap: var(--pf-t--global--spacer--4xl);
18307
18128
  }
18308
18129
  .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
18309
18130
  .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
18310
- .pf-v6-c-toolbar__content.pf-m-row-gap-4xl-on-2xl,
18311
18131
  .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
18312
18132
  row-gap: var(--pf-t--global--spacer--4xl);
18313
18133
  }
@@ -18325,7 +18145,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18325
18145
  display: none;
18326
18146
  }
18327
18147
  .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 {
18328
- display: inline-block;
18148
+ display: inline-flex;
18329
18149
  }
18330
18150
  }
18331
18151
  :where(:root, .pf-v6-c-tooltip) {
@@ -19511,6 +19331,108 @@ label.pf-v6-c-tree-view__node-text {
19511
19331
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
19512
19332
  }
19513
19333
 
19334
+ :where(:root, .pf-v6-c-panel) {
19335
+ --pf-v6-c-panel--Width: auto;
19336
+ --pf-v6-c-panel--MinWidth: auto;
19337
+ --pf-v6-c-panel--MaxWidth: none;
19338
+ --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19339
+ --pf-v6-c-panel--BoxShadow: none;
19340
+ --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19341
+ --pf-v6-c-panel--before--BorderWidth: 0;
19342
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19343
+ --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19344
+ --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19345
+ --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19346
+ --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19347
+ --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19348
+ --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19349
+ --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19350
+ --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19351
+ --pf-v6-c-panel__main--MaxHeight: none;
19352
+ --pf-v6-c-panel__main--Overflow: visible;
19353
+ --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19354
+ --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19355
+ --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19356
+ --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19357
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19358
+ --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19359
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19360
+ --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19361
+ --pf-v6-c-panel__footer--BoxShadow: none;
19362
+ --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19363
+ --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19364
+ --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19365
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19366
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19367
+ }
19368
+
19369
+ .pf-v6-c-panel {
19370
+ position: relative;
19371
+ width: var(--pf-v6-c-panel--Width);
19372
+ min-width: var(--pf-v6-c-panel--MinWidth);
19373
+ max-width: var(--pf-v6-c-panel--MaxWidth);
19374
+ background-color: var(--pf-v6-c-panel--BackgroundColor);
19375
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19376
+ box-shadow: var(--pf-v6-c-panel--BoxShadow);
19377
+ }
19378
+
19379
+ .pf-v6-c-panel::before {
19380
+ position: absolute;
19381
+ inset: 0;
19382
+ pointer-events: none;
19383
+ content: "";
19384
+ border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19385
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19386
+ }
19387
+
19388
+ .pf-v6-c-panel.pf-m-bordered {
19389
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19390
+ }
19391
+
19392
+ .pf-v6-c-panel.pf-m-secondary {
19393
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19394
+ }
19395
+
19396
+ .pf-v6-c-panel.pf-m-raised {
19397
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19398
+ --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19399
+ }
19400
+
19401
+ .pf-v6-c-panel.pf-m-scrollable {
19402
+ --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19403
+ --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19404
+ --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19405
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19406
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19407
+ }
19408
+
19409
+ .pf-v6-c-panel__header {
19410
+ padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19411
+ padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19412
+ padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19413
+ padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19414
+ }
19415
+
19416
+ .pf-v6-c-panel__main {
19417
+ max-height: var(--pf-v6-c-panel__main--MaxHeight);
19418
+ overflow: var(--pf-v6-c-panel__main--Overflow);
19419
+ }
19420
+
19421
+ .pf-v6-c-panel__main-body {
19422
+ padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19423
+ padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19424
+ padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19425
+ padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19426
+ }
19427
+
19428
+ .pf-v6-c-panel__footer {
19429
+ padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19430
+ padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19431
+ padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19432
+ padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19433
+ box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19434
+ }
19435
+
19514
19436
  :where(:root, .pf-v6-c-alert-group) {
19515
19437
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19516
19438
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -19633,108 +19555,6 @@ label.pf-v6-c-tree-view__node-text {
19633
19555
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
19634
19556
  }
19635
19557
 
19636
- :where(:root, .pf-v6-c-panel) {
19637
- --pf-v6-c-panel--Width: auto;
19638
- --pf-v6-c-panel--MinWidth: auto;
19639
- --pf-v6-c-panel--MaxWidth: none;
19640
- --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19641
- --pf-v6-c-panel--BoxShadow: none;
19642
- --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19643
- --pf-v6-c-panel--before--BorderWidth: 0;
19644
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19645
- --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19646
- --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19647
- --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19648
- --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19649
- --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19650
- --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19651
- --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19652
- --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19653
- --pf-v6-c-panel__main--MaxHeight: none;
19654
- --pf-v6-c-panel__main--Overflow: visible;
19655
- --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19656
- --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19657
- --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19658
- --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19659
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19660
- --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19661
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19662
- --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19663
- --pf-v6-c-panel__footer--BoxShadow: none;
19664
- --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19665
- --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19666
- --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19667
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19668
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19669
- }
19670
-
19671
- .pf-v6-c-panel {
19672
- position: relative;
19673
- width: var(--pf-v6-c-panel--Width);
19674
- min-width: var(--pf-v6-c-panel--MinWidth);
19675
- max-width: var(--pf-v6-c-panel--MaxWidth);
19676
- background-color: var(--pf-v6-c-panel--BackgroundColor);
19677
- border-radius: var(--pf-v6-c-panel--BorderRadius);
19678
- box-shadow: var(--pf-v6-c-panel--BoxShadow);
19679
- }
19680
-
19681
- .pf-v6-c-panel::before {
19682
- position: absolute;
19683
- inset: 0;
19684
- pointer-events: none;
19685
- content: "";
19686
- border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19687
- border-radius: var(--pf-v6-c-panel--BorderRadius);
19688
- }
19689
-
19690
- .pf-v6-c-panel.pf-m-bordered {
19691
- --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19692
- }
19693
-
19694
- .pf-v6-c-panel.pf-m-secondary {
19695
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19696
- }
19697
-
19698
- .pf-v6-c-panel.pf-m-raised {
19699
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19700
- --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19701
- }
19702
-
19703
- .pf-v6-c-panel.pf-m-scrollable {
19704
- --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19705
- --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19706
- --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19707
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19708
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19709
- }
19710
-
19711
- .pf-v6-c-panel__header {
19712
- padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19713
- padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19714
- padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19715
- padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19716
- }
19717
-
19718
- .pf-v6-c-panel__main {
19719
- max-height: var(--pf-v6-c-panel__main--MaxHeight);
19720
- overflow: var(--pf-v6-c-panel__main--Overflow);
19721
- }
19722
-
19723
- .pf-v6-c-panel__main-body {
19724
- padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19725
- padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19726
- padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19727
- padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19728
- }
19729
-
19730
- .pf-v6-c-panel__footer {
19731
- padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19732
- padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19733
- padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19734
- padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19735
- box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19736
- }
19737
-
19738
19558
  :where(:root, .pf-v6-c-truncate) {
19739
19559
  --pf-v6-c-truncate--MinWidth: 6ch;
19740
19560
  --pf-v6-c-truncate__start--MinWidth: 6ch;