@patternfly/patternfly 6.5.0-prerelease.5 → 6.5.0-prerelease.50

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 (376) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +17 -14
  32. package/components/Accordion/accordion.scss +1 -2
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +7 -5
  36. package/components/Alert/alert.scss +2 -1
  37. package/components/Avatar/avatar.css +12 -4
  38. package/components/BackgroundImage/background-image.css +6 -3
  39. package/components/Banner/banner.css +8 -6
  40. package/components/Brand/brand.css +3 -1
  41. package/components/Breadcrumb/breadcrumb.css +4 -3
  42. package/components/Button/button.css +117 -14
  43. package/components/Button/button.scss +127 -10
  44. package/components/CalendarMonth/calendar-month.css +4 -3
  45. package/components/Card/card.css +20 -7
  46. package/components/Card/card.scss +16 -2
  47. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  48. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  49. package/components/CodeEditor/code-editor.css +1 -1
  50. package/components/CodeEditor/code-editor.scss +1 -1
  51. package/components/Compass/compass.css +320 -0
  52. package/components/Compass/compass.scss +350 -0
  53. package/components/DataList/data-list.css +34 -23
  54. package/components/DataList/data-list.scss +7 -2
  55. package/components/DescriptionList/description-list-order.scss +5 -1
  56. package/components/DescriptionList/description-list.css +7 -5
  57. package/components/DescriptionList/description-list.scss +5 -1
  58. package/components/Divider/divider.css +7 -5
  59. package/components/Drawer/drawer.css +110 -56
  60. package/components/Drawer/drawer.scss +69 -9
  61. package/components/DualListSelector/dual-list-selector.css +18 -12
  62. package/components/DualListSelector/dual-list-selector.scss +1 -1
  63. package/components/ExpandableSection/expandable-section.css +21 -16
  64. package/components/ExpandableSection/expandable-section.scss +6 -3
  65. package/components/Form/form.css +2 -2
  66. package/components/Form/form.scss +2 -2
  67. package/components/FormControl/form-control.css +3 -3
  68. package/components/FormControl/form-control.scss +3 -3
  69. package/components/Hero/hero.css +74 -0
  70. package/components/Hero/hero.scss +86 -0
  71. package/components/JumpLinks/jump-links.css +5 -4
  72. package/components/JumpLinks/jump-links.scss +6 -2
  73. package/components/Label/label-group.css +2 -2
  74. package/components/Label/label-group.scss +2 -2
  75. package/components/Label/label.css +4 -3
  76. package/components/Login/login.css +51 -37
  77. package/components/Masthead/masthead.css +70 -16
  78. package/components/Masthead/masthead.scss +54 -1
  79. package/components/Menu/menu.css +23 -14
  80. package/components/MenuToggle/menu-toggle.css +5 -1
  81. package/components/MenuToggle/menu-toggle.scss +6 -1
  82. package/components/ModalBox/modal-box.css +9 -7
  83. package/components/ModalBox/modal-box.scss +2 -2
  84. package/components/Nav/nav.css +74 -11
  85. package/components/Nav/nav.scss +77 -5
  86. package/components/NotificationDrawer/notification-drawer.css +19 -9
  87. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  88. package/components/Page/page.css +55 -29
  89. package/components/Page/page.scss +44 -5
  90. package/components/Pagination/pagination.scss +5 -1
  91. package/components/ProgressStepper/progress-stepper.scss +5 -1
  92. package/components/Sidebar/sidebar.css +1 -1
  93. package/components/Sidebar/sidebar.scss +7 -3
  94. package/components/Skeleton/skeleton.css +16 -15
  95. package/components/Slider/slider.css +32 -18
  96. package/components/Switch/switch.css +4 -2
  97. package/components/Switch/switch.scss +1 -1
  98. package/components/Table/table-grid.css +28 -36
  99. package/components/Table/table-grid.scss +4 -4
  100. package/components/Table/table-tree-view.css +4 -2
  101. package/components/Table/table.css +33 -29
  102. package/components/Table/table.scss +2 -2
  103. package/components/Tabs/tabs.css +35 -18
  104. package/components/Tabs/tabs.scss +35 -7
  105. package/components/TextInputGroup/text-input-group.css +2 -2
  106. package/components/TextInputGroup/text-input-group.scss +2 -2
  107. package/components/ToggleGroup/toggle-group.css +34 -17
  108. package/components/ToggleGroup/toggle-group.scss +36 -20
  109. package/components/Toolbar/toolbar.css +47 -15
  110. package/components/Toolbar/toolbar.scss +34 -6
  111. package/components/TreeView/tree-view.css +45 -14
  112. package/components/TreeView/tree-view.scss +32 -1
  113. package/components/Wizard/wizard.css +21 -17
  114. package/components/Wizard/wizard.scss +4 -4
  115. package/components/_index.css +1602 -676
  116. package/components/_index.scss +3 -1
  117. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  118. package/docs/components/Accordion/examples/Accordion.md +390 -30
  119. package/docs/components/ActionList/examples/ActionList.md +143 -11
  120. package/docs/components/Alert/examples/Alert.md +678 -54
  121. package/docs/components/Avatar/examples/Avatar.md +4 -4
  122. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  123. package/docs/components/Banner/examples/Banner.md +65 -5
  124. package/docs/components/Brand/examples/Brand.md +2 -2
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  126. package/docs/components/Button/examples/Button.md +2217 -241
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  128. package/docs/components/Card/examples/Card.md +206 -4
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  132. package/docs/components/Compass/examples/Compass.css +17 -0
  133. package/docs/components/Compass/examples/Compass.md +119 -0
  134. package/docs/components/DataList/examples/DataList.md +405 -205
  135. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  136. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  137. package/docs/components/Divider/examples/Divider.md +2 -2
  138. package/docs/components/Drawer/examples/Drawer.md +353 -35
  139. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  140. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  141. package/docs/components/Form/examples/Form.md +78 -6
  142. package/docs/components/Hero/examples/Hero.md +25 -0
  143. package/docs/components/Icon/examples/Icon.md +92 -8
  144. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  145. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  146. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  147. package/docs/components/Label/examples/Label.md +2834 -218
  148. package/docs/components/Login/examples/Login.md +26 -2
  149. package/docs/components/Masthead/examples/masthead.md +80 -1
  150. package/docs/components/Menu/examples/Menu.md +1458 -114
  151. package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
  152. package/docs/components/ModalBox/examples/ModalBox.md +287 -23
  153. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  154. package/docs/components/Nav/examples/Navigation.md +798 -58
  155. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  157. package/docs/components/Page/examples/Page.md +51 -2
  158. package/docs/components/Pagination/examples/Pagination.md +627 -51
  159. package/docs/components/Popover/examples/Popover.md +286 -22
  160. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  161. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +52 -4
  163. package/docs/components/Table/examples/Table.md +875 -70
  164. package/docs/components/Tabs/examples/Tabs.md +4127 -320
  165. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  166. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  167. package/docs/components/Toolbar/examples/Toolbar.md +490 -42
  168. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  169. package/docs/components/Wizard/examples/Wizard.md +492 -72
  170. package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
  171. package/docs/demos/Alert/examples/Alert.md +236 -32
  172. package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
  173. package/docs/demos/Banner/examples/Banner.md +88 -16
  174. package/docs/demos/Button/examples/Button.md +13 -1
  175. package/docs/demos/Card/examples/Card.md +399 -42
  176. package/docs/demos/CardView/examples/CardView.md +161 -17
  177. package/docs/demos/Compass/examples/Compass.md +6836 -0
  178. package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
  179. package/docs/demos/DataList/examples/DataList.md +566 -65
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
  181. package/docs/demos/Drawer/examples/Drawer.md +216 -45
  182. package/docs/demos/Form/examples/BasicForms.md +273 -21
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
  184. package/docs/demos/Masthead/examples/Masthead.md +458 -89
  185. package/docs/demos/Modal/examples/Modal.md +342 -57
  186. package/docs/demos/Nav/examples/Nav.md +660 -87
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
  188. package/docs/demos/Page/examples/Page.md +618 -123
  189. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  190. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  191. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
  192. package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
  193. package/docs/demos/Table/examples/Table.md +3924 -256
  194. package/docs/demos/Tabs/examples/Tabs.md +407 -65
  195. package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
  196. package/docs/demos/Wizard/examples/Wizard.md +796 -130
  197. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  199. package/docs/layouts/Flex/examples/Flex.css +3 -3
  200. package/docs/layouts/Flex/examples/Flex.md +3 -2
  201. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  202. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  203. package/docs/layouts/Grid/examples/Grid.css +1 -1
  204. package/docs/layouts/Grid/examples/Grid.md +6 -5
  205. package/docs/layouts/Level/examples/Level.css +3 -3
  206. package/docs/layouts/Level/examples/Level.md +2 -1
  207. package/docs/layouts/Split/examples/Split.css +1 -1
  208. package/docs/layouts/Split/examples/Split.md +2 -1
  209. package/docs/layouts/Stack/examples/Stack.css +3 -3
  210. package/docs/layouts/Stack/examples/Stack.md +2 -1
  211. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  212. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  213. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  214. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  215. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  216. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  217. package/docs/utilities/Display/examples/Display.css +1 -1
  218. package/docs/utilities/Display/examples/Display.md +3 -2
  219. package/docs/utilities/Flex/examples/Flex.css +7 -7
  220. package/docs/utilities/Flex/examples/Flex.md +3 -2
  221. package/docs/utilities/Float/examples/Float.css +2 -2
  222. package/docs/utilities/Float/examples/Float.md +3 -2
  223. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  224. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  225. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  226. package/docs/utilities/Text/examples/Text.md +5 -4
  227. package/icons/PfIcons/add-circle-o.svg +4 -0
  228. package/icons/PfIcons/ansible-tower.svg +4 -0
  229. package/icons/PfIcons/applications.svg +4 -0
  230. package/icons/PfIcons/arrow.svg +4 -0
  231. package/icons/PfIcons/asleep.svg +4 -0
  232. package/icons/PfIcons/attention-bell.svg +4 -0
  233. package/icons/PfIcons/automation.svg +4 -0
  234. package/icons/PfIcons/bell.svg +4 -0
  235. package/icons/PfIcons/blueprint.svg +4 -0
  236. package/icons/PfIcons/build.svg +4 -0
  237. package/icons/PfIcons/builder-image.svg +4 -0
  238. package/icons/PfIcons/bundle.svg +4 -0
  239. package/icons/PfIcons/catalog.svg +4 -0
  240. package/icons/PfIcons/chat.svg +4 -0
  241. package/icons/PfIcons/close.svg +4 -0
  242. package/icons/PfIcons/cloud-security.svg +4 -0
  243. package/icons/PfIcons/cloud-tenant.svg +4 -0
  244. package/icons/PfIcons/cluster.svg +4 -0
  245. package/icons/PfIcons/connected.svg +4 -0
  246. package/icons/PfIcons/container-node.svg +4 -0
  247. package/icons/PfIcons/cpu.svg +4 -0
  248. package/icons/PfIcons/critical-risk.svg +4 -0
  249. package/icons/PfIcons/data-processor.svg +4 -0
  250. package/icons/PfIcons/data-sink.svg +4 -0
  251. package/icons/PfIcons/data-source.svg +4 -0
  252. package/icons/PfIcons/degraded.svg +4 -0
  253. package/icons/PfIcons/disconnected.svg +4 -0
  254. package/icons/PfIcons/domain.svg +4 -0
  255. package/icons/PfIcons/edit.svg +4 -0
  256. package/icons/PfIcons/enhancement.svg +4 -0
  257. package/icons/PfIcons/enterprise.svg +4 -0
  258. package/icons/PfIcons/equalizer.svg +4 -0
  259. package/icons/PfIcons/error-circle-o.svg +4 -0
  260. package/icons/PfIcons/export.svg +4 -0
  261. package/icons/PfIcons/filter.svg +4 -0
  262. package/icons/PfIcons/flavor.svg +4 -0
  263. package/icons/PfIcons/folder-close.svg +4 -0
  264. package/icons/PfIcons/folder-open.svg +4 -0
  265. package/icons/PfIcons/globe-route.svg +4 -0
  266. package/icons/PfIcons/help.svg +4 -0
  267. package/icons/PfIcons/history.svg +4 -0
  268. package/icons/PfIcons/home.svg +4 -0
  269. package/icons/PfIcons/import.svg +4 -0
  270. package/icons/PfIcons/in-progress.svg +4 -0
  271. package/icons/PfIcons/info.svg +4 -0
  272. package/icons/PfIcons/infrastructure.svg +4 -0
  273. package/icons/PfIcons/integration.svg +4 -0
  274. package/icons/PfIcons/key.svg +4 -0
  275. package/icons/PfIcons/locked.svg +4 -0
  276. package/icons/PfIcons/maintenance.svg +4 -0
  277. package/icons/PfIcons/memory.svg +4 -0
  278. package/icons/PfIcons/messages.svg +4 -0
  279. package/icons/PfIcons/middleware.svg +4 -0
  280. package/icons/PfIcons/migration.svg +4 -0
  281. package/icons/PfIcons/module.svg +4 -0
  282. package/icons/PfIcons/monitoring.svg +4 -0
  283. package/icons/PfIcons/multicluster.svg +4 -0
  284. package/icons/PfIcons/namespaces.svg +4 -0
  285. package/icons/PfIcons/network.svg +4 -0
  286. package/icons/PfIcons/new-process.svg +4 -0
  287. package/icons/PfIcons/not-started.svg +4 -0
  288. package/icons/PfIcons/off.svg +4 -0
  289. package/icons/PfIcons/ok.svg +4 -0
  290. package/icons/PfIcons/on-running.svg +4 -0
  291. package/icons/PfIcons/on.svg +4 -0
  292. package/icons/PfIcons/open-drawer-right.svg +4 -0
  293. package/icons/PfIcons/openshift.svg +4 -0
  294. package/icons/PfIcons/openstack.svg +4 -0
  295. package/icons/PfIcons/optimize.svg +4 -0
  296. package/icons/PfIcons/orders.svg +4 -0
  297. package/icons/PfIcons/os-image.svg +4 -0
  298. package/icons/PfIcons/package.svg +4 -0
  299. package/icons/PfIcons/panel-close.svg +4 -0
  300. package/icons/PfIcons/panel-open.svg +4 -0
  301. package/icons/PfIcons/paused.svg +4 -0
  302. package/icons/PfIcons/pending.svg +4 -0
  303. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  304. package/icons/PfIcons/pficon-history.svg +4 -0
  305. package/icons/PfIcons/pficon-network-range.svg +4 -0
  306. package/icons/PfIcons/pficon-satellite.svg +4 -0
  307. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  308. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  309. package/icons/PfIcons/pficon-template.svg +4 -0
  310. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  311. package/icons/PfIcons/plugged.svg +4 -0
  312. package/icons/PfIcons/port.svg +4 -0
  313. package/icons/PfIcons/print.svg +4 -0
  314. package/icons/PfIcons/private.svg +4 -0
  315. package/icons/PfIcons/process-automation.svg +4 -0
  316. package/icons/PfIcons/project.svg +4 -0
  317. package/icons/PfIcons/rebalance.svg +4 -0
  318. package/icons/PfIcons/rebooting.svg +4 -0
  319. package/icons/PfIcons/regions.svg +4 -0
  320. package/icons/PfIcons/registry.svg +4 -0
  321. package/icons/PfIcons/remove2.svg +4 -0
  322. package/icons/PfIcons/replicator.svg +4 -0
  323. package/icons/PfIcons/repository.svg +4 -0
  324. package/icons/PfIcons/resource-pool.svg +4 -0
  325. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  326. package/icons/PfIcons/resources-almost-full.svg +4 -0
  327. package/icons/PfIcons/resources-empty.svg +4 -0
  328. package/icons/PfIcons/resources-full.svg +4 -0
  329. package/icons/PfIcons/running.svg +4 -0
  330. package/icons/PfIcons/save.svg +4 -0
  331. package/icons/PfIcons/screen.svg +4 -0
  332. package/icons/PfIcons/security.svg +4 -0
  333. package/icons/PfIcons/server-group.svg +4 -0
  334. package/icons/PfIcons/server.svg +4 -0
  335. package/icons/PfIcons/service-catalog.svg +4 -0
  336. package/icons/PfIcons/service.svg +4 -0
  337. package/icons/PfIcons/services.svg +4 -0
  338. package/icons/PfIcons/severity-critical.svg +4 -0
  339. package/icons/PfIcons/severity-important.svg +4 -0
  340. package/icons/PfIcons/severity-minor.svg +4 -0
  341. package/icons/PfIcons/severity-moderate.svg +4 -0
  342. package/icons/PfIcons/severity-none.svg +4 -0
  343. package/icons/PfIcons/severity-undefined.svg +4 -0
  344. package/icons/PfIcons/spinner.svg +4 -0
  345. package/icons/PfIcons/spinner2.svg +4 -0
  346. package/icons/PfIcons/storage-domain.svg +4 -0
  347. package/icons/PfIcons/task.svg +4 -0
  348. package/icons/PfIcons/tenant.svg +4 -0
  349. package/icons/PfIcons/thumb-tack.svg +4 -0
  350. package/icons/PfIcons/topology.svg +4 -0
  351. package/icons/PfIcons/treeview.svg +4 -0
  352. package/icons/PfIcons/trend-down.svg +4 -0
  353. package/icons/PfIcons/trend-up.svg +4 -0
  354. package/icons/PfIcons/unknown.svg +4 -0
  355. package/icons/PfIcons/unlocked.svg +4 -0
  356. package/icons/PfIcons/unplugged.svg +4 -0
  357. package/icons/PfIcons/user.svg +4 -0
  358. package/icons/PfIcons/users.svg +4 -0
  359. package/icons/PfIcons/virtual-machine.svg +4 -0
  360. package/icons/PfIcons/volume.svg +4 -0
  361. package/icons/PfIcons/warning-triangle.svg +4 -0
  362. package/icons/PfIcons/zone.svg +4 -0
  363. package/layouts/Flex/flex.scss +83 -19
  364. package/layouts/Gallery/gallery.css +6 -2
  365. package/layouts/_index.css +6 -2
  366. package/package.json +34 -16
  367. package/patternfly-base-no-globals.css +406 -14
  368. package/patternfly-base.css +413 -14
  369. package/patternfly-charts.css +3 -3
  370. package/patternfly-no-globals.css +1947 -625
  371. package/patternfly.css +1954 -625
  372. package/patternfly.min.css +1 -1
  373. package/patternfly.min.css.map +1 -1
  374. package/sass-utilities/functions.scss +32 -25
  375. package/sass-utilities/mixins.scss +36 -20
  376. package/sass-utilities/namespaces-components.scss +6 -0
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-screen-reader {
3
2
  position: fixed;
4
3
  inset-block-start: 0;
@@ -56,11 +55,61 @@
56
55
  --pf-t--global--duration--200: 1ms !important;
57
56
  --pf-t--global--duration--100: 1ms !important;
58
57
  --pf-t--global--duration--50: 1ms !important;
58
+ --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
59
59
  }
60
60
 
61
+ .pf-v6-m-ai-indicator {
62
+ position: relative;
63
+ }
64
+ .pf-v6-m-ai-indicator::before {
65
+ position: absolute;
66
+ inset: 0;
67
+ pointer-events: none;
68
+ content: "";
69
+ background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
70
+ border: var(--pf-t--global--border--width--extra-strong) solid transparent;
71
+ border-radius: inherit;
72
+ mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
73
+ mask-composite: exclude;
74
+ }
75
+
76
+ @property --pf-v6-global--thinking--BoxShadow--Spread {
77
+ syntax: "<length>";
78
+ initial-value: 0;
79
+ inherits: false;
80
+ }
81
+ .pf-v6-m-thinking {
82
+ box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
83
+ animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
84
+ }
85
+ .pf-v6-m-thinking.pf-m-inset {
86
+ box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
87
+ }
88
+
89
+ @keyframes pf-v6-global-thinking {
90
+ 50% {
91
+ --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
92
+ }
93
+ }
61
94
  :root {
62
95
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
63
96
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
97
+ --pf-v6-global--thinking--BoxShadow--Spread: 0px;
98
+ --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
99
+ --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
100
+ --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
101
+ --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
102
+ --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
103
+ --pf-v6-global--thinking-active--Animation--Duration: 0;
104
+ }
105
+ @media screen and (prefers-reduced-motion: no-preference) {
106
+ :root {
107
+ --pf-v6-global--thinking-active--Animation--Duration: 2s;
108
+ }
109
+ }
110
+ :root {
111
+ container-type: inline-size;
112
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
64
113
  }
65
114
 
66
115
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -6254,6 +6303,17 @@
6254
6303
  vertical-align: -0.125em;
6255
6304
  }
6256
6305
 
6306
+ .pf-v6-svg .pf-v6-icon-rh-ui {
6307
+ display: none;
6308
+ }
6309
+
6310
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
6311
+ display: none;
6312
+ }
6313
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
6314
+ display: revert;
6315
+ }
6316
+
6257
6317
  :root {
6258
6318
  --pf-v6-global--inverse--multiplier: 1;
6259
6319
  --pf-t--color--black: #000000;
@@ -6269,6 +6329,7 @@
6269
6329
  --pf-t--color--gray--20: #e0e0e0;
6270
6330
  --pf-t--color--gray--30: #c7c7c7;
6271
6331
  --pf-t--color--gray--40: #a3a3a3;
6332
+ --pf-t--color--gray--45: #8c8c8c;
6272
6333
  --pf-t--color--gray--50: #707070;
6273
6334
  --pf-t--color--gray--60: #4d4d4d;
6274
6335
  --pf-t--color--gray--70: #383838;
@@ -6299,6 +6360,7 @@
6299
6360
  --pf-t--color--purple--60: #3d2785;
6300
6361
  --pf-t--color--purple--70: #21134d;
6301
6362
  --pf-t--color--purple--80: #1b0d33;
6363
+ --pf-t--color--red--05: #fef0f0;
6302
6364
  --pf-t--color--red--10: #fce3e3;
6303
6365
  --pf-t--color--red--20: #fbc5c5;
6304
6366
  --pf-t--color--red--30: #f9a8a8;
@@ -6332,9 +6394,14 @@
6332
6394
  --pf-t--color--yellow--60: #96640f;
6333
6395
  --pf-t--color--yellow--70: #73480b;
6334
6396
  --pf-t--color--yellow--80: #54330b;
6335
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6397
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6336
6398
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6399
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6337
6400
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6401
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
6402
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
6403
+ --pf-t--global--background--opacity--glass--floating: 100%;
6404
+ --pf-t--global--background--opacity--glass--primary: 100%;
6338
6405
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6339
6406
  --pf-t--global--border--radius--0: 0px;
6340
6407
  --pf-t--global--border--radius--100: 4px;
@@ -6362,12 +6429,12 @@
6362
6429
  --pf-t--global--box-shadow--X--700: 10px;
6363
6430
  --pf-t--global--box-shadow--X--800: 20px;
6364
6431
  --pf-t--global--box-shadow--Y--100: -10px;
6365
- --pf-t--global--box-shadow--Y--200: -4px;
6432
+ --pf-t--global--box-shadow--Y--200: -2px;
6366
6433
  --pf-t--global--box-shadow--Y--300: -1px;
6367
6434
  --pf-t--global--box-shadow--Y--400: 0px;
6368
6435
  --pf-t--global--box-shadow--Y--50: -20px;
6369
6436
  --pf-t--global--box-shadow--Y--500: 1px;
6370
- --pf-t--global--box-shadow--Y--600: 4px;
6437
+ --pf-t--global--box-shadow--Y--600: 2px;
6371
6438
  --pf-t--global--box-shadow--Y--700: 10px;
6372
6439
  --pf-t--global--box-shadow--Y--800: 20px;
6373
6440
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6438,6 +6505,7 @@
6438
6505
  --pf-t--global--spacer--800: 5rem;
6439
6506
  --pf-t--global--text-decoration--line--100: none;
6440
6507
  --pf-t--global--text-decoration--line--200: underline;
6508
+ --pf-t--global--text-decoration--offset--hover: 5;
6441
6509
  --pf-t--global--text-decoration--style--100: solid;
6442
6510
  --pf-t--global--text-decoration--style--200: dashed;
6443
6511
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6459,12 +6527,14 @@
6459
6527
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6460
6528
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6461
6529
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6530
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6531
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6462
6532
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6463
6533
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6464
6534
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6465
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6535
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6466
6536
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6467
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6537
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6468
6538
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6469
6539
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6470
6540
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6474,9 +6544,9 @@
6474
6544
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6475
6545
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6476
6546
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6477
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6547
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6478
6548
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6479
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6549
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6480
6550
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6481
6551
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6482
6552
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6550,9 +6620,17 @@
6550
6620
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6551
6621
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6552
6622
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6623
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6624
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6625
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6626
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6627
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6628
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6629
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6630
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6553
6631
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6554
6632
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6555
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6633
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6556
6634
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6557
6635
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6558
6636
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6618,7 +6696,7 @@
6618
6696
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6619
6697
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6620
6698
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6621
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6699
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6622
6700
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6623
6701
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6624
6702
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6703,8 +6781,8 @@
6703
6781
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6704
6782
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6705
6783
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6706
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6707
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6784
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6785
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6708
6786
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6709
6787
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6710
6788
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6729,8 +6807,12 @@
6729
6807
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6730
6808
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6731
6809
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6810
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6811
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6812
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6732
6813
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6733
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6814
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6815
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6734
6816
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6735
6817
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6736
6818
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6765,9 +6847,17 @@
6765
6847
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6766
6848
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6767
6849
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6850
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6851
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6852
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
6853
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
6854
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6768
6855
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6769
6856
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6770
6857
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
6858
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
6859
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
6860
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6771
6861
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6772
6862
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6773
6863
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -6898,7 +6988,10 @@
6898
6988
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
6899
6989
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
6900
6990
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
6991
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
6901
6992
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
6993
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
6994
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
6902
6995
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
6903
6996
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6904
6997
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -6916,6 +7009,9 @@
6916
7009
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
6917
7010
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
6918
7011
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7012
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7013
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7014
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
6919
7015
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
6920
7016
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
6921
7017
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -6956,9 +7052,15 @@
6956
7052
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
6957
7053
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
6958
7054
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7055
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7056
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7057
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
6959
7058
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
6960
7059
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
6961
7060
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7061
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7062
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7063
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
6962
7064
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6963
7065
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6964
7066
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7031,9 +7133,15 @@
7031
7133
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7032
7134
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7033
7135
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7136
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7137
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7138
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7034
7139
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7035
7140
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7036
7141
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7142
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7143
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7144
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7037
7145
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7038
7146
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7039
7147
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7068,7 +7176,20 @@
7068
7176
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7069
7177
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7070
7178
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7179
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7180
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7181
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7182
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7183
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7071
7184
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7185
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7186
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7187
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7188
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7189
+ --pf-t--global--text-decoration--color--hover: currentcolor;
7190
+ --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
7191
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7192
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7072
7193
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
7073
7194
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
7074
7195
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7174,18 +7295,27 @@
7174
7295
  var(--pf-t--global--box-shadow--color--lg--directional);
7175
7296
  --pf-t--global--list-style: disc outside;
7176
7297
  --pf-t--temp--dev--tbd: #BC11E0;
7298
+ --pf-t--global--background--color--glass--primary--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--primary) var(--pf-t--global--background--opacity--glass--primary), transparent );
7299
+ --pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
7177
7300
  }
7178
7301
 
7179
7302
  :root:where(.pf-v6-theme-dark) {
7180
7303
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7304
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
7305
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7306
+ --pf-t--global--background--opacity--glass--floating: 100%;
7307
+ --pf-t--global--background--opacity--glass--primary: 100%;
7181
7308
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7182
7309
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7183
7310
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7311
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7184
7312
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7185
7313
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7186
7314
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7187
7315
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7188
7316
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7317
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7318
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7189
7319
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7190
7320
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7191
7321
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7203,10 +7333,18 @@
7203
7333
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7204
7334
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7205
7335
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7206
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7336
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7207
7337
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7208
7338
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7209
7339
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7340
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7341
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7342
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7343
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7344
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7345
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7346
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7347
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7210
7348
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7211
7349
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7212
7350
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7294,9 +7432,13 @@
7294
7432
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7295
7433
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7296
7434
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7435
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7436
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7437
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7297
7438
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7439
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7298
7440
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7299
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7441
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7300
7442
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7301
7443
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7302
7444
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7327,9 +7469,13 @@
7327
7469
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7328
7470
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7329
7471
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7472
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7330
7473
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7331
7474
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7332
7475
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7476
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7477
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7478
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7333
7479
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7334
7480
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7335
7481
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7406,6 +7552,8 @@
7406
7552
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7407
7553
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7408
7554
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7555
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7556
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7409
7557
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7410
7558
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7411
7559
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7426,6 +7574,9 @@
7426
7574
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7427
7575
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7428
7576
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7577
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7578
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7579
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7429
7580
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7430
7581
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7431
7582
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7464,9 +7615,15 @@
7464
7615
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7465
7616
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7466
7617
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7618
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7619
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7620
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7467
7621
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7468
7622
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7469
7623
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7624
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7625
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7626
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7470
7627
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7471
7628
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7472
7629
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7530,9 +7687,15 @@
7530
7687
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7531
7688
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7532
7689
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7690
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7691
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7692
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7533
7693
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7534
7694
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7535
7695
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7696
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7697
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7698
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7536
7699
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7537
7700
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7538
7701
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7567,6 +7730,14 @@
7567
7730
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7568
7731
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7569
7732
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7733
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7734
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7735
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7736
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7737
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7738
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7739
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7740
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7570
7741
  }
7571
7742
 
7572
7743
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8662,6 +8833,226 @@
8662
8833
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8663
8834
  }
8664
8835
 
8836
+ :root:where(.pf-v6-theme-glass) {
8837
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8838
+ --pf-t--global--background--opacity--glass--primary: 80%;
8839
+ }
8840
+
8841
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8842
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8843
+ --pf-t--global--background--opacity--glass--primary: 80%;
8844
+ }
8845
+
8846
+ :root:where(.pf-v6-theme-redhat) {
8847
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8848
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8849
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8850
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8851
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8852
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8853
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8854
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8855
+ }
8856
+
8857
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
8858
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8859
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8860
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8861
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8862
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8863
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
8864
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
8865
+ }
8866
+
8867
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
8868
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8869
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
8870
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
8871
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
8872
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
8873
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
8874
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8875
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8876
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8877
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
8878
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
8879
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
8880
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
8881
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
8882
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
8883
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
8884
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
8885
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
8886
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
8887
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
8888
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
8889
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
8890
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
8891
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
8892
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
8893
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
8894
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
8895
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
8896
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
8897
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
8898
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
8899
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
8900
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
8901
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
8902
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
8903
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
8904
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
8905
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
8906
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
8907
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
8908
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
8909
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
8910
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8911
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8912
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8913
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8914
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8915
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
8916
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8917
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8918
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
8919
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
8920
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
8921
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
8922
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
8923
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
8924
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
8925
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
8926
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
8927
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
8928
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
8929
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
8930
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
8931
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
8932
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
8933
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8934
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8935
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8936
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8937
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8938
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8939
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8940
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8941
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8942
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8943
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8944
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8945
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8946
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8947
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8948
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8949
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
8950
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
8951
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
8952
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8953
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8954
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8955
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8956
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8957
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8958
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8959
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8960
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8961
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8962
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8963
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8964
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
8965
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
8966
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
8967
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8968
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8969
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8970
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8971
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8972
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8973
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8974
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8975
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8976
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8977
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8978
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8979
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8980
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8981
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8982
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8983
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8984
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8985
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8986
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8987
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8988
+ }
8989
+
8990
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8991
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8992
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8993
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8994
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8995
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8996
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8997
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8998
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8999
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
9000
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
9001
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9002
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9003
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9004
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
9005
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
9006
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
9007
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9008
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
9009
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
9010
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9011
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9012
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9013
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9014
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9015
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9016
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9017
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9018
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9019
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9020
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9021
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9022
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9023
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9024
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9025
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9026
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9027
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9028
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9029
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9030
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9031
+ }
9032
+
9033
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9034
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9035
+ --pf-t--global--background--opacity--glass--primary: 80%;
9036
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9037
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9038
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9039
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9040
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9041
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9042
+ }
9043
+
9044
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9045
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9046
+ --pf-t--global--background--opacity--glass--primary: 80%;
9047
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9048
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9049
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9050
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9051
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9052
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9053
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9054
+ }
9055
+
8665
9056
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8666
9057
  --pf-v6-global--inverse--multiplier: -1;
8667
9058
  }
@@ -8685,31 +9076,6 @@
8685
9076
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8686
9077
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8687
9078
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8688
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8689
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8690
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8691
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8692
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8693
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8694
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8695
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8696
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8697
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8698
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8699
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8700
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8701
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8702
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8703
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8704
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8705
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8706
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8707
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8708
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8709
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8710
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8711
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8712
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8713
9079
  }
8714
9080
  @media screen and (min-width: 36rem) {
8715
9081
  .pf-v6-c-about-modal-box {
@@ -8718,6 +9084,14 @@
8718
9084
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8719
9085
  }
8720
9086
  }
9087
+ .pf-v6-c-about-modal-box {
9088
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9089
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9090
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9091
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9092
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9093
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9094
+ }
8721
9095
  @media only screen and (min-width: 36rem) {
8722
9096
  .pf-v6-c-about-modal-box {
8723
9097
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8728,17 +9102,42 @@
8728
9102
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8729
9103
  }
8730
9104
  }
9105
+ .pf-v6-c-about-modal-box {
9106
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9107
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9108
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9109
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9110
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9111
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9112
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9113
+ }
8731
9114
  @media only screen and (min-width: 36rem) {
8732
9115
  .pf-v6-c-about-modal-box {
8733
9116
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8734
9117
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8735
9118
  }
8736
9119
  }
9120
+ .pf-v6-c-about-modal-box {
9121
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9122
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9123
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9124
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9125
+ }
8737
9126
  @media only screen and (min-width: 36rem) {
8738
9127
  .pf-v6-c-about-modal-box {
8739
9128
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8740
9129
  }
8741
9130
  }
9131
+ .pf-v6-c-about-modal-box {
9132
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9133
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9134
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9135
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9136
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9137
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9138
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9139
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9140
+ }
8742
9141
  @media only screen and (min-width: 36rem) {
8743
9142
  .pf-v6-c-about-modal-box {
8744
9143
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8762,7 +9161,6 @@
8762
9161
  background-repeat: no-repeat;
8763
9162
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8764
9163
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8765
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8766
9164
  }
8767
9165
  @media only screen and (min-width: 36rem) {
8768
9166
  .pf-v6-c-about-modal-box {
@@ -8778,6 +9176,9 @@
8778
9176
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8779
9177
  }
8780
9178
  }
9179
+ .pf-v6-c-about-modal-box {
9180
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9181
+ }
8781
9182
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8782
9183
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8783
9184
  }
@@ -8885,7 +9286,7 @@
8885
9286
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
8886
9287
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
8887
9288
  --pf-v6-c-accordion__toggle-icon--Rotate: 0;
8888
- --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
9289
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
8889
9290
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
8890
9291
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
8891
9292
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -8918,6 +9319,18 @@
8918
9319
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
8919
9320
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
8920
9321
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9322
+ }
9323
+ @media screen and (prefers-reduced-motion: no-preference) {
9324
+ .pf-v6-c-accordion {
9325
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9326
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9327
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9328
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9329
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9330
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9331
+ }
9332
+ }
9333
+ .pf-v6-c-accordion {
8921
9334
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8922
9335
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8923
9336
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -8943,16 +9356,6 @@
8943
9356
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
8944
9357
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8945
9358
  }
8946
- @media screen and (prefers-reduced-motion: no-preference) {
8947
- .pf-v6-c-accordion {
8948
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8949
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8950
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
8951
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8952
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8953
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
8954
- }
8955
- }
8956
9359
 
8957
9360
  .pf-v6-c-accordion {
8958
9361
  display: flex;
@@ -9063,13 +9466,14 @@
9063
9466
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9064
9467
  }
9065
9468
 
9469
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9470
+ scale: -1 1;
9471
+ }
9472
+
9066
9473
  .pf-v6-c-accordion__toggle-icon {
9067
9474
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9068
9475
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9069
9476
  }
9070
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9071
- scale: -1 1;
9072
- }
9073
9477
 
9074
9478
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9075
9479
  display: revert;
@@ -9114,6 +9518,7 @@
9114
9518
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
9115
9519
  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
9116
9520
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9521
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9117
9522
  }
9118
9523
 
9119
9524
  .pf-v6-c-action-list,
@@ -9128,6 +9533,7 @@
9128
9533
  }
9129
9534
  .pf-v6-c-action-list.pf-m-icons {
9130
9535
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9536
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
9131
9537
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9132
9538
  }
9133
9539
  .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
@@ -9214,7 +9620,7 @@
9214
9620
  ". . description description"
9215
9621
  ". . actiongroup actiongroup";
9216
9622
  --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
9217
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
9623
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
9218
9624
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
9219
9625
  }
9220
9626
 
@@ -9287,20 +9693,22 @@
9287
9693
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9288
9694
  }
9289
9695
 
9696
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9697
+ scale: -1 1;
9698
+ }
9699
+
9290
9700
  .pf-v6-c-alert__toggle-icon {
9291
9701
  display: inline-block;
9292
9702
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9293
9703
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9294
9704
  }
9295
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9296
- scale: -1 1;
9297
- }
9298
9705
 
9299
9706
  .pf-v6-c-alert__icon {
9300
9707
  grid-area: icon;
9301
9708
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9302
9709
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9303
9710
  color: var(--pf-v6-c-alert__icon--Color);
9711
+ scale: 1.14;
9304
9712
  }
9305
9713
 
9306
9714
  .pf-v6-c-alert__title {
@@ -9311,9 +9719,9 @@
9311
9719
  }
9312
9720
  .pf-v6-c-alert__title.pf-m-truncate {
9313
9721
  display: -webkit-box;
9722
+ overflow: hidden;
9314
9723
  -webkit-box-orient: vertical;
9315
9724
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9316
- overflow: hidden;
9317
9725
  }
9318
9726
 
9319
9727
  .pf-v6-c-alert__description {
@@ -9550,7 +9958,6 @@
9550
9958
  }
9551
9959
  .pf-v6-c-avatar.pf-m-sm {
9552
9960
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9553
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9554
9961
  }
9555
9962
  @media (min-width: 36rem) {
9556
9963
  .pf-v6-c-avatar.pf-m-sm {
@@ -9577,6 +9984,9 @@
9577
9984
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9578
9985
  }
9579
9986
  }
9987
+ .pf-v6-c-avatar.pf-m-sm {
9988
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9989
+ }
9580
9990
  @media (min-width: 36rem) {
9581
9991
  .pf-v6-c-avatar.pf-m-sm {
9582
9992
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9604,7 +10014,6 @@
9604
10014
  }
9605
10015
  .pf-v6-c-avatar.pf-m-md {
9606
10016
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9607
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9608
10017
  }
9609
10018
  @media (min-width: 36rem) {
9610
10019
  .pf-v6-c-avatar.pf-m-md {
@@ -9631,6 +10040,9 @@
9631
10040
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9632
10041
  }
9633
10042
  }
10043
+ .pf-v6-c-avatar.pf-m-md {
10044
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10045
+ }
9634
10046
  @media (min-width: 36rem) {
9635
10047
  .pf-v6-c-avatar.pf-m-md {
9636
10048
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9658,7 +10070,6 @@
9658
10070
  }
9659
10071
  .pf-v6-c-avatar.pf-m-lg {
9660
10072
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9661
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9662
10073
  }
9663
10074
  @media (min-width: 36rem) {
9664
10075
  .pf-v6-c-avatar.pf-m-lg {
@@ -9685,6 +10096,9 @@
9685
10096
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9686
10097
  }
9687
10098
  }
10099
+ .pf-v6-c-avatar.pf-m-lg {
10100
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10101
+ }
9688
10102
  @media (min-width: 36rem) {
9689
10103
  .pf-v6-c-avatar.pf-m-lg {
9690
10104
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9712,7 +10126,6 @@
9712
10126
  }
9713
10127
  .pf-v6-c-avatar.pf-m-xl {
9714
10128
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9715
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9716
10129
  }
9717
10130
  @media (min-width: 36rem) {
9718
10131
  .pf-v6-c-avatar.pf-m-xl {
@@ -9739,6 +10152,9 @@
9739
10152
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9740
10153
  }
9741
10154
  }
10155
+ .pf-v6-c-avatar.pf-m-xl {
10156
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10157
+ }
9742
10158
  @media (min-width: 36rem) {
9743
10159
  .pf-v6-c-avatar.pf-m-xl {
9744
10160
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9796,6 +10212,12 @@
9796
10212
 
9797
10213
  .pf-v6-c-background-image {
9798
10214
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10215
+ }
10216
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10217
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10218
+ }
10219
+
10220
+ .pf-v6-c-background-image {
9799
10221
  position: fixed;
9800
10222
  inset-block-start: 0;
9801
10223
  inset-inline-start: 0;
@@ -9808,9 +10230,6 @@
9808
10230
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9809
10231
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9810
10232
  }
9811
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9812
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9813
- }
9814
10233
 
9815
10234
  .pf-v6-c-back-to-top {
9816
10235
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -9928,6 +10347,14 @@
9928
10347
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
9929
10348
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
9930
10349
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10350
+ }
10351
+ @media (min-width: 48rem) {
10352
+ .pf-v6-c-banner {
10353
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10354
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10355
+ }
10356
+ }
10357
+ .pf-v6-c-banner {
9931
10358
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
9932
10359
  --pf-v6-c-banner--link--TextDecoration: underline;
9933
10360
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -9961,12 +10388,6 @@
9961
10388
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
9962
10389
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
9963
10390
  }
9964
- @media (min-width: 48rem) {
9965
- .pf-v6-c-banner {
9966
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
9967
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
9968
- }
9969
- }
9970
10391
 
9971
10392
  .pf-v6-c-banner {
9972
10393
  flex-shrink: 0;
@@ -10069,7 +10490,6 @@
10069
10490
  width: var(--pf-v6-c-brand--Width--base);
10070
10491
  height: var(--pf-v6-c-brand--Height--base);
10071
10492
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10072
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10073
10493
  }
10074
10494
  @media (min-width: 36rem) {
10075
10495
  .pf-v6-c-brand {
@@ -10096,6 +10516,9 @@
10096
10516
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10097
10517
  }
10098
10518
  }
10519
+ .pf-v6-c-brand {
10520
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10521
+ }
10099
10522
  @media (min-width: 36rem) {
10100
10523
  .pf-v6-c-brand {
10101
10524
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10176,15 +10599,16 @@
10176
10599
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10177
10600
  }
10178
10601
 
10602
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10603
+ scale: -1 1;
10604
+ }
10605
+
10179
10606
  .pf-v6-c-breadcrumb__item-divider {
10180
10607
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10181
10608
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10182
10609
  line-height: 1;
10183
10610
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10184
10611
  }
10185
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10186
- scale: -1 1;
10187
- }
10188
10612
 
10189
10613
  .pf-v6-c-breadcrumb__link {
10190
10614
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10269,11 +10693,16 @@ button.pf-v6-c-breadcrumb__link {
10269
10693
  --pf-v6-c-button--hover--TextDecorationLine: none;
10270
10694
  --pf-v6-c-button--hover--TextDecorationStyle: none;
10271
10695
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
10696
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10272
10697
  --pf-v6-c-button--hover--ScaleX: 1;
10273
10698
  --pf-v6-c-button--hover--ScaleY: 1;
10274
10699
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10275
10700
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
10276
10701
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10702
+ --pf-v6-c-button--m-clicked--TextDecorationLine: none;
10703
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: none;
10704
+ --pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
10705
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10277
10706
  --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
10278
10707
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
10279
10708
  --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -10312,7 +10741,7 @@ button.pf-v6-c-breadcrumb__link {
10312
10741
  --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
10313
10742
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
10314
10743
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10315
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
10744
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10316
10745
  --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10317
10746
  --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10318
10747
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
@@ -10350,10 +10779,17 @@ button.pf-v6-c-breadcrumb__link {
10350
10779
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
10351
10780
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
10352
10781
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
10782
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10353
10783
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10354
10784
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10785
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10786
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10355
10787
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10356
10788
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10789
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10790
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
10791
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
10792
+ --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
10357
10793
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
10358
10794
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
10359
10795
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10363,11 +10799,9 @@ button.pf-v6-c-breadcrumb__link {
10363
10799
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
10364
10800
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
10365
10801
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10366
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
10367
10802
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10368
10803
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10369
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
10370
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10804
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10371
10805
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10372
10806
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10373
10807
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -10401,12 +10835,12 @@ button.pf-v6-c-breadcrumb__link {
10401
10835
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
10402
10836
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
10403
10837
  --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
10404
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
10838
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
10405
10839
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
10406
10840
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
10407
10841
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
10408
10842
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
10409
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
10843
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
10410
10844
  --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
10411
10845
  --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
10412
10846
  --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
@@ -10473,7 +10907,37 @@ button.pf-v6-c-breadcrumb__link {
10473
10907
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
10474
10908
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
10475
10909
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
10476
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
10910
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
10911
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
10912
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10913
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10914
+ --pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10915
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
10916
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10917
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10918
+ --pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10919
+ --pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
10920
+ --pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
10921
+ --pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
10922
+ --pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
10923
+ --pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
10924
+ --pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
10925
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
10926
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
10927
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
10928
+ --pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
10929
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
10930
+ --pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
10931
+ --pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
10932
+ --pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
10933
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
10934
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
10935
+ --pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
10936
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
10937
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
10938
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
10939
+ --pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
10940
+ --pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
10477
10941
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10478
10942
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
10479
10943
  --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -10552,6 +11016,14 @@ button.pf-v6-c-breadcrumb__link {
10552
11016
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
10553
11017
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
10554
11018
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
11019
+ --pf-v6-c-button--m-circle--ScaleX: 1.29;
11020
+ --pf-v6-c-button--m-circle--ScaleY: 1.29;
11021
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
11022
+ --pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
11023
+ --pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
11024
+ --pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
11025
+ --pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
11026
+ --pf-v6-c-button--m-circle--PaddingInlineStart: 0;
10555
11027
  }
10556
11028
 
10557
11029
  .pf-v6-c-button {
@@ -10673,6 +11145,12 @@ button.pf-v6-c-breadcrumb__link {
10673
11145
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10674
11146
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10675
11147
  }
11148
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11149
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11150
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11151
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11152
+ }
11153
+
10676
11154
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10677
11155
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10678
11156
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10683,12 +11161,13 @@ button.pf-v6-c-breadcrumb__link {
10683
11161
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
10684
11162
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
10685
11163
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
11164
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
11165
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
11166
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
10686
11167
  --pf-v6-c-button--BackgroundColor: transparent;
10687
11168
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
10688
11169
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
10689
11170
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
10690
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
10691
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10692
11171
  --pf-v6-c-button--hover--BackgroundColor: transparent;
10693
11172
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10694
11173
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -10697,23 +11176,24 @@ button.pf-v6-c-breadcrumb__link {
10697
11176
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
10698
11177
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
10699
11178
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
11179
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11180
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10700
11181
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11182
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10701
11183
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
10702
11184
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
10703
11185
  --pf-v6-c-button--BorderWidth: 0;
10704
11186
  --pf-v6-c-button--hover--BorderWidth: 0;
10705
11187
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
10706
11188
  text-align: start;
11189
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10707
11190
  white-space: normal;
10708
11191
  background: transparent;
10709
11192
  outline-offset: 0.125rem;
10710
11193
  }
10711
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10712
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10713
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10714
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11194
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11195
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10715
11196
  }
10716
-
10717
11197
  .pf-v6-c-button.pf-m-link.pf-m-danger {
10718
11198
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
10719
11199
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -10864,6 +11344,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10864
11344
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
10865
11345
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
10866
11346
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
11347
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
11348
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
11349
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
11350
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
11351
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
11352
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
11353
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
11354
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
11355
+ --pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
11356
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
11357
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
11358
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
11359
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
11360
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
11361
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
11362
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
11363
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
11364
+ --pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
11365
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
11366
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
11367
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
11368
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
11369
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
11370
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
11371
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
11372
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
11373
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
11374
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
11375
+ }
11376
+ .pf-v6-c-button.pf-m-display-lg.pf-m-primary {
11377
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
11378
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
10867
11379
  }
10868
11380
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
10869
11381
  display: grid;
@@ -10919,6 +11431,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10919
11431
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
10920
11432
  --pf-v6-c-button--hover__icon--ScaleX: 1;
10921
11433
  }
11434
+ .pf-v6-c-button.pf-m-circle {
11435
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
11436
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
11437
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
11438
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
11439
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
11440
+ }
11441
+ .pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
11442
+ scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
11443
+ }
10922
11444
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
10923
11445
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
10924
11446
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -10937,6 +11459,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10937
11459
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
10938
11460
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
10939
11461
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
11462
+ text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
10940
11463
  outline-offset: var(--pf-t--global--focus-ring--position--offset);
10941
11464
  }
10942
11465
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
@@ -10945,6 +11468,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10945
11468
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
10946
11469
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
10947
11470
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
11471
+ text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
11472
+ text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
11473
+ text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
11474
+ text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
10948
11475
  }
10949
11476
  .pf-v6-c-button:active {
10950
11477
  background-size: 100% 100%;
@@ -11173,13 +11700,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11173
11700
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11174
11701
  }
11175
11702
 
11703
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11704
+ scale: -1 1;
11705
+ }
11706
+
11176
11707
  .pf-v6-c-calendar-month__header-nav-control {
11177
11708
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11178
11709
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11179
11710
  }
11180
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11181
- scale: -1 1;
11182
- }
11183
11711
 
11184
11712
  .pf-v6-c-calendar-month__header-month {
11185
11713
  flex-grow: 1;
@@ -11354,7 +11882,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11354
11882
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
11355
11883
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11356
11884
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11357
- --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
11885
+ --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: -180deg;
11358
11886
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
11359
11887
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
11360
11888
  --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
@@ -11456,6 +11984,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11456
11984
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11457
11985
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11458
11986
  }
11987
+ .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
11988
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
11989
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
11990
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
11991
+ }
11992
+
11459
11993
  .pf-v6-c-card.pf-m-compact {
11460
11994
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11461
11995
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
@@ -11523,12 +12057,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11523
12057
  flex-wrap: wrap;
11524
12058
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11525
12059
  }
11526
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11527
- margin-inline-start: 0;
11528
- }
11529
12060
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11530
12061
  margin-inline-end: auto;
11531
12062
  }
12063
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
12064
+ margin-inline-start: 0;
12065
+ }
11532
12066
 
11533
12067
  .pf-v6-c-card__header-main {
11534
12068
  flex-grow: 1;
@@ -11542,15 +12076,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11542
12076
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11543
12077
  }
11544
12078
 
12079
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
12080
+ scale: -1 1;
12081
+ }
12082
+
11545
12083
  .pf-v6-c-card__header-toggle-icon {
11546
12084
  display: inline-block;
11547
12085
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11548
12086
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11549
12087
  transition-property: transform;
11550
12088
  }
11551
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11552
- scale: -1 1;
11553
- }
11554
12089
 
11555
12090
  .pf-v6-c-card__title-text {
11556
12091
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11561,6 +12096,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11561
12096
  overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
11562
12097
  }
11563
12098
 
12099
+ .pf-v6-c-card__subtitle {
12100
+ padding-block-start: var(--pf-t--global--spacer--sm);
12101
+ font-size: var(--pf-t--global--font--size--body--sm);
12102
+ color: var(--pf-t--global--text--color--subtle);
12103
+ }
12104
+
11564
12105
  .pf-v6-c-card__actions {
11565
12106
  display: flex;
11566
12107
  gap: var(--pf-v6-c-card__actions--Gap);
@@ -11762,7 +12303,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11762
12303
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11763
12304
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11764
12305
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
11765
- --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
12306
+ --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: -180deg;
11766
12307
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
11767
12308
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
11768
12309
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -11773,8 +12314,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11773
12314
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
11774
12315
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
11775
12316
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
11776
- --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
11777
- --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
12317
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
12318
+ --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
11778
12319
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
11779
12320
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
11780
12321
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
@@ -11810,13 +12351,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11810
12351
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11811
12352
  }
11812
12353
 
11813
- .pf-v6-c-clipboard-copy__toggle-icon {
11814
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11815
- }
11816
12354
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11817
12355
  scale: -1 1;
11818
12356
  }
11819
12357
 
12358
+ .pf-v6-c-clipboard-copy__toggle-icon {
12359
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12360
+ }
12361
+
11820
12362
  .pf-v6-c-clipboard-copy__expandable-content {
11821
12363
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11822
12364
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -11987,8 +12529,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11987
12529
 
11988
12530
  .pf-v6-c-code-editor__container {
11989
12531
  display: flex;
11990
- flex-direction: column;
11991
12532
  flex-grow: 1;
12533
+ flex-direction: column;
11992
12534
  }
11993
12535
 
11994
12536
  .pf-v6-c-code-editor__header {
@@ -12130,6 +12672,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12130
12672
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
12131
12673
  }
12132
12674
 
12675
+ .pf-v6-c-compass {
12676
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
12677
+ --pf-v6-c-compass--BackgroundImage--light: none;
12678
+ --pf-v6-c-compass--BackgroundImage--dark: none;
12679
+ --pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
12680
+ --pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
12681
+ --pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12682
+ --pf-v6-c-compass__nav--PaddingBlockStart: 0;
12683
+ --pf-v6-c-compass__nav--PaddingBlockEnd: 0;
12684
+ --pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12685
+ --pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12686
+ --pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12687
+ --pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12688
+ --pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12689
+ --pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12690
+ --pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12691
+ --pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12692
+ --pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
12693
+ --pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
12694
+ --pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
12695
+ --pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
12696
+ --pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
12697
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
12698
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
12699
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
12700
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
12701
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
12702
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
12703
+ --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
12704
+ --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
12705
+ --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
12706
+ --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
12707
+ --pf-v6-c-compass__message-bar--Width: 450px;
12708
+ --pf-v6-c-compass__message-bar--MinWidth: 300px;
12709
+ --pf-v6-c-compass__message-bar--MaxWidth: 600px;
12710
+ --pf-v6-c-compass--section--slide--length--header: 100%;
12711
+ --pf-v6-c-compass--section--slide--length--sidebar: 100%;
12712
+ --pf-v6-c-compass--section--slide--length--main-footer: 100%;
12713
+ --pf-v6-c-compass--section--slide--length--footer: 100%;
12714
+ --pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
12715
+ --pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12716
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
12717
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12718
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
12719
+ --pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
12720
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
12721
+ --pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
12722
+ }
12723
+ @media screen and (prefers-reduced-motion: no-preference) {
12724
+ .pf-v6-c-compass {
12725
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12726
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
12727
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s;
12728
+ }
12729
+ .pf-v6-c-compass.pf-m-animate-smoothly {
12730
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12731
+ --pf-v6-c-compass--section--slide--length--header: 10rem;
12732
+ --pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
12733
+ --pf-v6-c-compass--section--slide--length--main-footer: 6rem;
12734
+ --pf-v6-c-compass--section--slide--length--footer: 6rem;
12735
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration), var(--pf-v6-c-compass--section--duration);
12736
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12737
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, var(--pf-v6-c-compass--section--m-expanded--duration), var(--pf-v6-c-compass--section--m-expanded--duration), var(--pf-v6-c-compass--section--m-expanded--duration);
12738
+ }
12739
+ }
12740
+
12741
+ .pf-v6-c-compass {
12742
+ interpolate-size: allow-keywords;
12743
+ display: grid;
12744
+ grid-template-areas: "header header header" "sidebar-start main sidebar-end";
12745
+ grid-template-rows: auto 1fr;
12746
+ grid-template-columns: auto 1fr auto;
12747
+ grid-auto-rows: auto;
12748
+ align-items: center;
12749
+ justify-content: center;
12750
+ height: 100dvh;
12751
+ padding: var(--pf-v6-c-compass--Padding);
12752
+ overflow: hidden;
12753
+ background-image: var(--pf-v6-c-compass--BackgroundImage);
12754
+ background-size: cover;
12755
+ }
12756
+ .pf-v6-c-compass.pf-m-dock {
12757
+ grid-template-areas: "dock main";
12758
+ grid-template-rows: auto;
12759
+ grid-template-columns: auto 1fr;
12760
+ align-items: stretch;
12761
+ padding: 0;
12762
+ }
12763
+ .pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
12764
+ padding: var(--pf-v6-c-compass--Padding);
12765
+ }
12766
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
12767
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
12768
+ }
12769
+ .pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
12770
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12771
+ }
12772
+
12773
+ .pf-v6-c-compass__header,
12774
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
12775
+ .pf-v6-c-compass__main-footer,
12776
+ .pf-v6-c-compass__footer {
12777
+ margin: 0;
12778
+ visibility: hidden;
12779
+ opacity: 0;
12780
+ transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
12781
+ transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
12782
+ transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
12783
+ transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
12784
+ }
12785
+ .pf-v6-c-compass__header.pf-m-expanded,
12786
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
12787
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12788
+ .pf-v6-c-compass__footer.pf-m-expanded {
12789
+ --pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
12790
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
12791
+ visibility: visible;
12792
+ opacity: 1;
12793
+ translate: 0;
12794
+ }
12795
+
12796
+ .pf-v6-c-compass__header,
12797
+ .pf-v6-c-compass__main-footer,
12798
+ .pf-v6-c-compass__footer {
12799
+ height: 0;
12800
+ }
12801
+ .pf-v6-c-compass__header.pf-m-expanded,
12802
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12803
+ .pf-v6-c-compass__footer.pf-m-expanded {
12804
+ height: auto;
12805
+ }
12806
+
12807
+ .pf-v6-c-compass__header {
12808
+ display: grid;
12809
+ grid-area: header;
12810
+ grid-template-columns: 1fr auto 1fr;
12811
+ align-items: start;
12812
+ translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
12813
+ }
12814
+ .pf-v6-c-compass__header.pf-m-expanded {
12815
+ margin-block-end: var(--pf-v6-c-compass--Gap);
12816
+ }
12817
+
12818
+ .pf-v6-c-compass__profile {
12819
+ justify-self: end;
12820
+ }
12821
+ .pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
12822
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
12823
+ }
12824
+
12825
+ .pf-v6-c-compass__nav {
12826
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
12827
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
12828
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
12829
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
12830
+ display: flex;
12831
+ flex-direction: column;
12832
+ gap: var(--pf-v6-c-compass__nav--RowGap);
12833
+ align-items: center;
12834
+ justify-self: stretch;
12835
+ }
12836
+
12837
+ .pf-v6-c-compass__nav-content {
12838
+ display: flex;
12839
+ align-items: center;
12840
+ }
12841
+
12842
+ .pf-v6-c-compass__nav-main {
12843
+ padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
12844
+ padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
12845
+ }
12846
+
12847
+ .pf-v6-c-compass__sidebar {
12848
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
12849
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
12850
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
12851
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
12852
+ display: flex;
12853
+ width: 0;
12854
+ }
12855
+ .pf-v6-c-compass__sidebar.pf-m-expanded {
12856
+ width: auto;
12857
+ }
12858
+ .pf-v6-c-compass__sidebar.pf-m-start {
12859
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12860
+ }
12861
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12862
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12863
+ }
12864
+
12865
+ .pf-v6-c-compass__sidebar.pf-m-start {
12866
+ grid-area: sidebar-start;
12867
+ }
12868
+ .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12869
+ margin-inline-end: var(--pf-v6-c-compass--Gap);
12870
+ }
12871
+ .pf-v6-c-compass__sidebar.pf-m-end {
12872
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12873
+ }
12874
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12875
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12876
+ }
12877
+
12878
+ .pf-v6-c-compass__sidebar.pf-m-end {
12879
+ grid-area: sidebar-end;
12880
+ }
12881
+ .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12882
+ margin-inline-start: var(--pf-v6-c-compass--Gap);
12883
+ }
12884
+
12885
+ .pf-v6-c-compass__main {
12886
+ display: flex;
12887
+ flex-direction: column;
12888
+ grid-area: main;
12889
+ gap: var(--pf-v6-c-compass__main--RowGap);
12890
+ align-self: stretch;
12891
+ min-height: 0;
12892
+ }
12893
+
12894
+ .pf-v6-c-compass__main-header-content {
12895
+ display: flex;
12896
+ gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
12897
+ }
12898
+
12899
+ .pf-v6-c-compass__main-header-title {
12900
+ flex-grow: 1;
12901
+ }
12902
+
12903
+ .pf-v6-c-compass__content {
12904
+ display: flex;
12905
+ flex: 1 0 0;
12906
+ flex-direction: column;
12907
+ min-height: 0;
12908
+ overflow: auto;
12909
+ }
12910
+ .pf-v6-c-compass__content > *:last-child {
12911
+ flex-grow: 1;
12912
+ max-height: 100%;
12913
+ }
12914
+
12915
+ .pf-v6-c-compass__main-footer {
12916
+ display: flex;
12917
+ justify-content: center;
12918
+ min-height: 0;
12919
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12920
+ }
12921
+ .pf-v6-c-compass__main-footer.pf-m-expanded {
12922
+ margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
12923
+ }
12924
+
12925
+ .pf-v6-c-compass__footer {
12926
+ display: flex;
12927
+ grid-column: 1/-1;
12928
+ justify-content: center;
12929
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12930
+ }
12931
+ .pf-v6-c-compass__footer.pf-m-expanded {
12932
+ margin-block-start: var(--pf-v6-c-compass--Gap);
12933
+ }
12934
+
12935
+ .pf-v6-c-compass__message-bar {
12936
+ width: var(--pf-v6-c-compass__message-bar--Width);
12937
+ min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
12938
+ max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
12939
+ }
12940
+
12941
+ .pf-v6-c-compass__panel {
12942
+ padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
12943
+ padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
12944
+ padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
12945
+ padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
12946
+ background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
12947
+ backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
12948
+ border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
12949
+ border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
12950
+ box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
12951
+ }
12952
+ .pf-v6-c-compass__panel.pf-m-no-border {
12953
+ border-width: 0;
12954
+ }
12955
+ .pf-v6-c-compass__panel.pf-m-no-padding {
12956
+ padding: 0;
12957
+ }
12958
+ .pf-v6-c-compass__panel.pf-m-full-height {
12959
+ height: 100%;
12960
+ }
12961
+ .pf-v6-c-compass__panel.pf-m-pill {
12962
+ border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
12963
+ }
12964
+ .pf-v6-c-compass__panel.pf-m-scrollable {
12965
+ overflow: auto;
12966
+ }
12967
+
12968
+ /* stylelint-disable */
12969
+ @media (max-width: 1200px) {
12970
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) {
12971
+ position: relative;
12972
+ display: grid;
12973
+ grid-template-columns: auto;
12974
+ grid-template-rows: auto;
12975
+ place-content: center;
12976
+ gap: 0;
12977
+ }
12978
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
12979
+ padding: 1em;
12980
+ border-radius: var(--pf-t--global--border--radius--large);
12981
+ background: var(--pf-t--global--background--color--primary--default);
12982
+ content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
12983
+ width: 80%;
12984
+ width: 300px;
12985
+ border: 1px solid var(--pf-t--global--border--color--default);
12986
+ box-shadow: var(--pf-t--global--box-shadow--md);
12987
+ white-space: pre-wrap;
12988
+ text-align: center;
12989
+ }
12990
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
12991
+ display: none;
12992
+ }
12993
+ }
12994
+ /* stylelint-enable */
12133
12995
  :root {
12134
12996
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
12135
12997
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12824,7 +13686,16 @@ ul) {
12824
13686
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
12825
13687
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12826
13688
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
12827
- --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
13689
+ }
13690
+ @media screen and (min-width: 36rem) {
13691
+ .pf-v6-c-data-list {
13692
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13693
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13694
+ }
13695
+ }
13696
+ .pf-v6-c-data-list {
13697
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13698
+ --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
12828
13699
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
12829
13700
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
12830
13701
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -12832,6 +13703,14 @@ ul) {
12832
13703
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
12833
13704
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12834
13705
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13706
+ }
13707
+ @media screen and (min-width: 36rem) {
13708
+ .pf-v6-c-data-list {
13709
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13710
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13711
+ }
13712
+ }
13713
+ .pf-v6-c-data-list {
12835
13714
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12836
13715
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
12837
13716
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -12859,7 +13738,7 @@ ul) {
12859
13738
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12860
13739
  --pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
12861
13740
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
12862
- --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
13741
+ --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: -180deg;
12863
13742
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
12864
13743
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
12865
13744
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -12927,18 +13806,6 @@ ul) {
12927
13806
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12928
13807
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12929
13808
  }
12930
- @media screen and (min-width: 36rem) {
12931
- .pf-v6-c-data-list {
12932
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
12933
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
12934
- }
12935
- }
12936
- @media screen and (min-width: 36rem) {
12937
- .pf-v6-c-data-list {
12938
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
12939
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
12940
- }
12941
- }
12942
13809
 
12943
13810
  .pf-v6-c-data-list {
12944
13811
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -12979,6 +13846,9 @@ ul) {
12979
13846
  .pf-v6-c-data-list.pf-m-drag-over {
12980
13847
  overflow-anchor: none;
12981
13848
  }
13849
+ .pf-v6-c-data-list.pf-m-plain {
13850
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13851
+ }
12982
13852
 
12983
13853
  .pf-v6-c-data-list.pf-m-truncate,
12984
13854
  .pf-v6-c-data-list__item-row.pf-m-truncate,
@@ -13098,12 +13968,6 @@ ul) {
13098
13968
  --pf-v6-hidden-visible--hidden--Display: none;
13099
13969
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13100
13970
  display: var(--pf-v6-hidden-visible--Display);
13101
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13102
- align-content: flex-start;
13103
- align-items: flex-start;
13104
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13105
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13106
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13107
13971
  }
13108
13972
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13109
13973
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13148,6 +14012,14 @@ ul) {
13148
14012
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13149
14013
  }
13150
14014
  }
14015
+ .pf-v6-c-data-list__item-action {
14016
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
14017
+ align-content: flex-start;
14018
+ align-items: flex-start;
14019
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
14020
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
14021
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
14022
+ }
13151
14023
 
13152
14024
  .pf-v6-c-data-list__toggle {
13153
14025
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13155,15 +14027,16 @@ ul) {
13155
14027
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13156
14028
  }
13157
14029
 
14030
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
14031
+ scale: -1 1;
14032
+ }
14033
+
13158
14034
  .pf-v6-c-data-list__toggle-icon {
13159
14035
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13160
14036
  pointer-events: none;
13161
14037
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13162
14038
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13163
14039
  }
13164
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13165
- scale: -1 1;
13166
- }
13167
14040
 
13168
14041
  .pf-v6-c-data-list__item-content {
13169
14042
  display: grid;
@@ -13258,6 +14131,13 @@ ul) {
13258
14131
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13259
14132
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13260
14133
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14134
+ }
14135
+ @media screen and (min-width: 36rem) {
14136
+ .pf-v6-c-description-list {
14137
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14138
+ }
14139
+ }
14140
+ .pf-v6-c-description-list {
13261
14141
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13262
14142
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13263
14143
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13286,11 +14166,6 @@ ul) {
13286
14166
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13287
14167
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13288
14168
  }
13289
- @media screen and (min-width: 36rem) {
13290
- .pf-v6-c-description-list {
13291
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13292
- }
13293
- }
13294
14169
  @media (min-width: 36rem) {
13295
14170
  .pf-v6-c-description-list {
13296
14171
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -13672,6 +14547,15 @@ ul) {
13672
14547
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
13673
14548
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
13674
14549
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14550
+ }
14551
+ @media screen and (prefers-reduced-motion: no-preference) {
14552
+ .pf-v6-c-dual-list-selector {
14553
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14554
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14555
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14556
+ }
14557
+ }
14558
+ .pf-v6-c-dual-list-selector {
13675
14559
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
13676
14560
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13677
14561
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -13707,19 +14591,12 @@ ul) {
13707
14591
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
13708
14592
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13709
14593
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13710
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14594
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
13711
14595
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13712
14596
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13713
14597
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
13714
14598
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
13715
14599
  }
13716
- @media screen and (prefers-reduced-motion: no-preference) {
13717
- .pf-v6-c-dual-list-selector {
13718
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13719
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13720
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
13721
- }
13722
- }
13723
14600
 
13724
14601
  .pf-v6-c-dual-list-selector {
13725
14602
  display: grid;
@@ -13790,8 +14667,6 @@ ul) {
13790
14667
 
13791
14668
  .pf-v6-c-dual-list-selector__list {
13792
14669
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13793
- display: flex;
13794
- flex-direction: column;
13795
14670
  }
13796
14671
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
13797
14672
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -13799,16 +14674,22 @@ ul) {
13799
14674
  }
13800
14675
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13801
14676
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
13802
- position: absolute;
13803
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
13804
14677
  }
13805
14678
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13806
14679
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
13807
14680
  }
13808
14681
 
14682
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14683
+ position: absolute;
14684
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14685
+ }
13809
14686
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
13810
14687
  overflow-anchor: none;
13811
14688
  }
14689
+ .pf-v6-c-dual-list-selector__list {
14690
+ display: flex;
14691
+ flex-direction: column;
14692
+ }
13812
14693
 
13813
14694
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
13814
14695
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14093,11 +14974,6 @@ ul) {
14093
14974
  --pf-v6-hidden-visible--hidden--Display: none;
14094
14975
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14095
14976
  display: var(--pf-v6-hidden-visible--Display);
14096
- flex-shrink: 0;
14097
- align-items: stretch;
14098
- align-self: stretch;
14099
- justify-content: center;
14100
- border: 0;
14101
14977
  }
14102
14978
  .pf-v6-c-divider.pf-m-hidden {
14103
14979
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14142,6 +15018,13 @@ ul) {
14142
15018
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14143
15019
  }
14144
15020
  }
15021
+ .pf-v6-c-divider {
15022
+ flex-shrink: 0;
15023
+ align-items: stretch;
15024
+ align-self: stretch;
15025
+ justify-content: center;
15026
+ border: 0;
15027
+ }
14145
15028
  .pf-v6-c-divider::before {
14146
15029
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14147
15030
  content: "";
@@ -14386,6 +15269,7 @@ ul) {
14386
15269
  }
14387
15270
 
14388
15271
  .pf-v6-c-drawer {
15272
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
14389
15273
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14390
15274
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14391
15275
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14416,6 +15300,7 @@ ul) {
14416
15300
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
14417
15301
  --pf-v6-c-drawer__panel--Opacity: 0;
14418
15302
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
15303
+ --pf-v6-c-drawer--m-expanded__panel--inset: 0px;
14419
15304
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
14420
15305
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
14421
15306
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -14431,6 +15316,29 @@ ul) {
14431
15316
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
14432
15317
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
14433
15318
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
15319
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
15320
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
15321
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
15322
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
15323
+ --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
15324
+ --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
15325
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
15326
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
15327
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15328
+ --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15329
+ }
15330
+ @media screen and (prefers-reduced-motion: no-preference) {
15331
+ .pf-v6-c-drawer {
15332
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15333
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15334
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15335
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15336
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15337
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15338
+ --pf-v6-c-drawer__panel--Opacity: 1;
15339
+ }
15340
+ }
15341
+ .pf-v6-c-drawer {
14434
15342
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14435
15343
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14436
15344
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14493,6 +15401,17 @@ ul) {
14493
15401
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14494
15402
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14495
15403
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15404
+ }
15405
+ @media screen and (min-width: 75rem) {
15406
+ .pf-v6-c-drawer {
15407
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15408
+ }
15409
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15410
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15411
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15412
+ }
15413
+ }
15414
+ .pf-v6-c-drawer {
14496
15415
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14497
15416
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14498
15417
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14507,46 +15426,32 @@ ul) {
14507
15426
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14508
15427
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14509
15428
  }
14510
- @media screen and (prefers-reduced-motion: no-preference) {
14511
- .pf-v6-c-drawer {
14512
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14513
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14514
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14515
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14516
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14517
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14518
- --pf-v6-c-drawer__panel--Opacity: 1;
14519
- }
14520
- }
14521
- @media screen and (min-width: 75rem) {
14522
- .pf-v6-c-drawer {
14523
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14524
- }
14525
- .pf-v6-c-drawer.pf-m-panel-bottom {
14526
- --pf-v6-c-drawer__panel--MinWidth: auto;
14527
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14528
- }
14529
- }
14530
15429
 
14531
15430
  .pf-v6-c-drawer {
14532
15431
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14533
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14534
- display: flex;
14535
- flex-direction: column;
14536
- height: 100%;
14537
- overflow-x: hidden;
14538
15432
  }
14539
15433
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14540
15434
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14541
15435
  }
14542
15436
 
15437
+ .pf-v6-c-drawer {
15438
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15439
+ }
14543
15440
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14544
15441
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14545
15442
  }
14546
15443
 
15444
+ .pf-v6-c-drawer {
15445
+ display: flex;
15446
+ flex-direction: column;
15447
+ height: 100%;
15448
+ overflow-x: hidden;
15449
+ }
14547
15450
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
14548
15451
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
14549
15452
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
15453
+ --pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
15454
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
14550
15455
  }
14551
15456
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
14552
15457
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -14570,19 +15475,21 @@ ul) {
14570
15475
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
14571
15476
  }
14572
15477
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14573
- transform: translateX(-100%);
14574
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
14575
- visibility: visible;
15478
+ transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14576
15479
  }
14577
15480
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14578
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
15481
+ transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
14579
15482
  }
14580
15483
 
15484
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15485
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15486
+ visibility: visible;
15487
+ }
14581
15488
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14582
15489
  transform: translateX(0);
14583
15490
  }
14584
15491
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14585
- transform: translate(0, -100%);
15492
+ transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14586
15493
  }
14587
15494
  .pf-v6-c-drawer.pf-m-resizing {
14588
15495
  --pf-v6-c-drawer__panel--TransitionProperty: none;
@@ -14591,6 +15498,26 @@ ul) {
14591
15498
  .pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
14592
15499
  pointer-events: auto;
14593
15500
  }
15501
+ @media screen and (min-width: 48rem) {
15502
+ .pf-v6-c-drawer.pf-m-pill {
15503
+ --pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
15504
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
15505
+ --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
15506
+ --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15507
+ --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15508
+ }
15509
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15510
+ border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
15511
+ border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
15512
+ border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
15513
+ border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
15514
+ }
15515
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
15516
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15517
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15518
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15519
+ }
15520
+ }
14594
15521
 
14595
15522
  .pf-v6-c-drawer__section {
14596
15523
  flex-grow: 0;
@@ -14606,6 +15533,7 @@ ul) {
14606
15533
  .pf-v6-c-drawer__main {
14607
15534
  display: flex;
14608
15535
  flex: 1;
15536
+ gap: var(--pf-v6-c-drawer__main--Gap, 0);
14609
15537
  overflow: hidden;
14610
15538
  }
14611
15539
 
@@ -14613,8 +15541,8 @@ ul) {
14613
15541
  .pf-v6-c-drawer__panel,
14614
15542
  .pf-v6-c-drawer__panel-main {
14615
15543
  display: flex;
14616
- flex-direction: column;
14617
15544
  flex-shrink: 0;
15545
+ flex-direction: column;
14618
15546
  overflow: auto;
14619
15547
  }
14620
15548
 
@@ -14644,6 +15572,8 @@ ul) {
14644
15572
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
14645
15573
  order: 1;
14646
15574
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
15575
+ margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
15576
+ margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
14647
15577
  overflow: auto;
14648
15578
  visibility: hidden;
14649
15579
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
@@ -14652,6 +15582,7 @@ ul) {
14652
15582
  border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
14653
15583
  border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
14654
15584
  border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
15585
+ border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
14655
15586
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
14656
15587
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
14657
15588
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -14839,7 +15770,7 @@ ul) {
14839
15770
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
14840
15771
  }
14841
15772
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14842
- transform: translateX(0);
15773
+ transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
14843
15774
  }
14844
15775
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
14845
15776
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
@@ -14851,6 +15782,8 @@ ul) {
14851
15782
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
14852
15783
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
14853
15784
  --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
15785
+ --pf-v6-c-drawer__panel--MarginBlock: initial;
15786
+ --pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
14854
15787
  min-width: auto;
14855
15788
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
14856
15789
  }
@@ -14898,82 +15831,86 @@ ul) {
14898
15831
  }
14899
15832
  @media (min-width: 48rem) {
14900
15833
  .pf-v6-c-drawer__panel.pf-m-width-25 {
14901
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15834
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14902
15835
  }
14903
15836
  .pf-v6-c-drawer__panel.pf-m-width-33 {
14904
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15837
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14905
15838
  }
14906
15839
  .pf-v6-c-drawer__panel.pf-m-width-50 {
14907
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15840
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14908
15841
  }
14909
15842
  .pf-v6-c-drawer__panel.pf-m-width-66 {
14910
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15843
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14911
15844
  }
14912
15845
  .pf-v6-c-drawer__panel.pf-m-width-75 {
14913
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15846
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14914
15847
  }
14915
15848
  .pf-v6-c-drawer__panel.pf-m-width-100 {
14916
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15849
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15850
+ --pf-v6-c-drawer__main--Gap: 0;
14917
15851
  }
14918
15852
  }
14919
15853
  @media (min-width: 62rem) {
14920
15854
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
14921
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15855
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14922
15856
  }
14923
15857
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
14924
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15858
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14925
15859
  }
14926
15860
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
14927
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15861
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14928
15862
  }
14929
15863
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
14930
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15864
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14931
15865
  }
14932
15866
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
14933
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15867
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14934
15868
  }
14935
15869
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
14936
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15870
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15871
+ --pf-v6-c-drawer__main--Gap: 0;
14937
15872
  }
14938
15873
  }
14939
15874
  @media (min-width: 75rem) {
14940
15875
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
14941
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15876
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14942
15877
  }
14943
15878
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
14944
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15879
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14945
15880
  }
14946
15881
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
14947
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15882
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14948
15883
  }
14949
15884
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
14950
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15885
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14951
15886
  }
14952
15887
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
14953
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15888
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14954
15889
  }
14955
15890
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
14956
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15891
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15892
+ --pf-v6-c-drawer__main--Gap: 0;
14957
15893
  }
14958
15894
  }
14959
15895
  @media (min-width: 90.625rem) {
14960
15896
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
14961
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15897
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14962
15898
  }
14963
15899
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
14964
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15900
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14965
15901
  }
14966
15902
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
14967
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15903
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14968
15904
  }
14969
15905
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
14970
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15906
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14971
15907
  }
14972
15908
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
14973
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15909
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14974
15910
  }
14975
15911
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
14976
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15912
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15913
+ --pf-v6-c-drawer__main--Gap: 0;
14977
15914
  }
14978
15915
  }
14979
15916
  @media (min-width: 48rem) {
@@ -15392,8 +16329,8 @@ ul) {
15392
16329
  --pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
15393
16330
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
15394
16331
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
15395
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
15396
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
16332
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
16333
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
15397
16334
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
15398
16335
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15399
16336
  --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
@@ -15405,10 +16342,24 @@ ul) {
15405
16342
  --pf-v6-c-expandable-section__content--Opacity: 0;
15406
16343
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15407
16344
  --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
16345
+ --pf-v6-c-expandable-section__content--MaxHeight: 0px;
16346
+ --pf-v6-c-expandable-section__content--Visibility: hidden;
16347
+ --pf-v6-c-expandable-section__content--Opacity: 0;
15408
16348
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15409
16349
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15410
16350
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15411
16351
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16352
+ }
16353
+ @media screen and (prefers-reduced-motion: no-preference) {
16354
+ .pf-v6-c-expandable-section {
16355
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16356
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16357
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16358
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16359
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16360
+ }
16361
+ }
16362
+ .pf-v6-c-expandable-section {
15412
16363
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15413
16364
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15414
16365
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15425,15 +16376,6 @@ ul) {
15425
16376
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15426
16377
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15427
16378
  }
15428
- @media screen and (prefers-reduced-motion: no-preference) {
15429
- .pf-v6-c-expandable-section {
15430
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15431
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15432
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15433
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15434
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15435
- }
15436
- }
15437
16379
 
15438
16380
  .pf-v6-c-expandable-section {
15439
16381
  display: flex;
@@ -15492,9 +16434,13 @@ ul) {
15492
16434
  }
15493
16435
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15494
16436
  display: -webkit-box;
16437
+ overflow: hidden;
15495
16438
  -webkit-box-orient: vertical;
15496
16439
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15497
- overflow: hidden;
16440
+ }
16441
+
16442
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16443
+ scale: -1 1;
15498
16444
  }
15499
16445
 
15500
16446
  .pf-v6-c-expandable-section__toggle-icon {
@@ -15504,10 +16450,6 @@ ul) {
15504
16450
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
15505
16451
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
15506
16452
  }
15507
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
15508
- scale: -1 1;
15509
- }
15510
-
15511
16453
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
15512
16454
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15513
16455
  }
@@ -15651,7 +16593,7 @@ ul) {
15651
16593
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15652
16594
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
15653
16595
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
15654
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
16596
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
15655
16597
  --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
15656
16598
  --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15657
16599
  --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
@@ -16090,8 +17032,8 @@ ul) {
16090
17032
 
16091
17033
  .pf-v6-c-form__field-group-header-main {
16092
17034
  display: flex;
16093
- flex-direction: column;
16094
17035
  flex-grow: 1;
17036
+ flex-direction: column;
16095
17037
  }
16096
17038
 
16097
17039
  .pf-v6-c-form__field-group-header-title {
@@ -16148,10 +17090,10 @@ ul) {
16148
17090
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
16149
17091
  --pf-v6-c-form-control--Resize: none;
16150
17092
  --pf-v6-c-form-control--OutlineOffset: -6px;
16151
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
17093
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
16152
17094
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
16153
17095
  --pf-v6-c-form-control--before--BorderStyle: solid;
16154
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
17096
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
16155
17097
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
16156
17098
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
16157
17099
  --pf-v6-c-form-control--after--BorderStyle: solid;
@@ -16332,8 +17274,8 @@ ul) {
16332
17274
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16333
17275
  }
16334
17276
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16335
- outline-offset: 0;
16336
17277
  scrollbar-gutter: stable;
17278
+ outline-offset: 0;
16337
17279
  }
16338
17280
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16339
17281
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -16513,81 +17455,6 @@ ul) {
16513
17455
  pointer-events: none;
16514
17456
  }
16515
17457
 
16516
- .pf-v6-c-hint {
16517
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16518
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16519
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16520
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16521
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16522
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16523
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16524
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
16525
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16526
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
16527
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16528
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
16529
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
16530
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16531
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
16532
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16533
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16534
- }
16535
-
16536
- .pf-v6-c-hint {
16537
- display: grid;
16538
- grid-template-columns: 1fr auto;
16539
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
16540
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
16541
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
16542
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
16543
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
16544
- color: var(--pf-v6-c-hint--Color);
16545
- background-color: var(--pf-v6-c-hint--BackgroundColor);
16546
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
16547
- border-radius: var(--pf-v6-c-hint--BorderRadius);
16548
- }
16549
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
16550
- text-align: start;
16551
- white-space: normal;
16552
- }
16553
-
16554
- .pf-v6-c-hint__actions {
16555
- display: inline-grid;
16556
- grid-row: 1;
16557
- grid-column: 2;
16558
- grid-auto-flow: column;
16559
- align-self: start;
16560
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
16561
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
16562
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
16563
- text-align: end;
16564
- }
16565
- .pf-v6-c-hint__actions.pf-m-no-offset {
16566
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
16567
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
16568
- }
16569
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
16570
- grid-column: 1;
16571
- }
16572
-
16573
- .pf-v6-c-hint__title {
16574
- align-self: center;
16575
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
16576
- }
16577
-
16578
- .pf-v6-c-hint__body {
16579
- grid-column: 1/-1;
16580
- font-size: var(--pf-v6-c-hint__body--FontSize);
16581
- }
16582
-
16583
- .pf-v6-c-hint__footer {
16584
- grid-column: 1/-1;
16585
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
16586
- }
16587
- .pf-v6-c-hint__footer > :not(:last-child) {
16588
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
16589
- }
16590
-
16591
17458
  .pf-v6-c-helper-text {
16592
17459
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16593
17460
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -16673,6 +17540,156 @@ ul) {
16673
17540
  color: var(--pf-v6-c-helper-text__item-text--Color);
16674
17541
  }
16675
17542
 
17543
+ .pf-v6-c-hero {
17544
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17545
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17546
+ --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17547
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17548
+ --pf-v6-c-hero--gradient--angle: 109deg;
17549
+ --pf-v6-c-hero--gradient--stop-1--light: transparent;
17550
+ --pf-v6-c-hero--gradient--stop-2--light: transparent;
17551
+ --pf-v6-c-hero--gradient--stop-3--light: transparent;
17552
+ --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17553
+ --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17554
+ --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17555
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17556
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17557
+ --pf-v6-c-hero--BackgroundImage--light: none;
17558
+ --pf-v6-c-hero--BackgroundImage--dark: none;
17559
+ --pf-v6-c-hero--BackgroundRepeat: no-repeat;
17560
+ --pf-v6-c-hero--BackgroundPosition: right center;
17561
+ --pf-v6-c-hero--BackgroundSize: contain;
17562
+ --pf-v6-c-hero--BorderStyle: solid;
17563
+ --pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
17564
+ --pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
17565
+ --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17566
+ --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17567
+ --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17568
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17569
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17570
+ --pf-v6-c-hero--BorderStartStartRadius: 24px;
17571
+ --pf-v6-c-hero--BorderStartEndRadius: 72px;
17572
+ --pf-v6-c-hero--BorderEndEndRadius: 24px;
17573
+ --pf-v6-c-hero--BorderEndStartRadius: 72px;
17574
+ --pf-v6-c-hero__body--Width: 800px;
17575
+ --pf-v6-c-hero__body--MaxWidth: 80%;
17576
+ }
17577
+
17578
+ .pf-v6-c-hero {
17579
+ display: flex;
17580
+ padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
17581
+ padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17582
+ padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17583
+ padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17584
+ background-image: var(--pf-v6-c-hero--BackgroundImage, var(--pf-v6-c-hero--BackgroundImage--light)), linear-gradient(var(--pf-v6-c-hero--gradient--angle), var(--pf-v6-c-hero--gradient--stop-1, var(--pf-v6-c-hero--gradient--stop-1--light)) 0%, var(--pf-v6-c-hero--gradient--stop-2, var(--pf-v6-c-hero--gradient--stop-2--light)) 50%, var(--pf-v6-c-hero--gradient--stop-3, var(--pf-v6-c-hero--gradient--stop-3--light)) 100%);
17585
+ background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17586
+ background-position: var(--pf-v6-c-hero--BackgroundPosition);
17587
+ background-size: var(--pf-v6-c-hero--BackgroundSize);
17588
+ border-color: var(--pf-v6-c-hero--BorderColor);
17589
+ border-style: var(--pf-v6-c-hero--BorderStyle);
17590
+ border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
17591
+ border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
17592
+ border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
17593
+ border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
17594
+ border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
17595
+ border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
17596
+ border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17597
+ border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17598
+ }
17599
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17600
+ --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17601
+ --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17602
+ --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17603
+ --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17604
+ }
17605
+ :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17606
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17607
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17608
+ }
17609
+ .pf-v6-c-hero:not(.pf-m-no-glass) {
17610
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17611
+ backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17612
+ }
17613
+
17614
+ .pf-v6-c-hero__body {
17615
+ width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
17616
+ }
17617
+
17618
+ .pf-v6-c-hint {
17619
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17620
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17621
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17622
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17623
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17624
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17625
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
17626
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
17627
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
17628
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
17629
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17630
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17631
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
17632
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
17633
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17634
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17635
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17636
+ }
17637
+
17638
+ .pf-v6-c-hint {
17639
+ display: grid;
17640
+ grid-template-columns: 1fr auto;
17641
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
17642
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
17643
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
17644
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
17645
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
17646
+ color: var(--pf-v6-c-hint--Color);
17647
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
17648
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
17649
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
17650
+ }
17651
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
17652
+ text-align: start;
17653
+ white-space: normal;
17654
+ }
17655
+
17656
+ .pf-v6-c-hint__actions {
17657
+ display: inline-grid;
17658
+ grid-row: 1;
17659
+ grid-column: 2;
17660
+ grid-auto-flow: column;
17661
+ align-self: start;
17662
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
17663
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
17664
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17665
+ text-align: end;
17666
+ }
17667
+ .pf-v6-c-hint__actions.pf-m-no-offset {
17668
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
17669
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
17670
+ }
17671
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
17672
+ grid-column: 1;
17673
+ }
17674
+
17675
+ .pf-v6-c-hint__title {
17676
+ align-self: center;
17677
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
17678
+ }
17679
+
17680
+ .pf-v6-c-hint__body {
17681
+ grid-column: 1/-1;
17682
+ font-size: var(--pf-v6-c-hint__body--FontSize);
17683
+ }
17684
+
17685
+ .pf-v6-c-hint__footer {
17686
+ grid-column: 1/-1;
17687
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
17688
+ }
17689
+ .pf-v6-c-hint__footer > :not(:last-child) {
17690
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
17691
+ }
17692
+
16676
17693
  .pf-v6-c-icon {
16677
17694
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
16678
17695
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -17215,7 +18232,7 @@ label.pf-v6-c-input-group__text {
17215
18232
  --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
17216
18233
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17217
18234
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
17218
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
18235
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
17219
18236
  }
17220
18237
 
17221
18238
  .pf-v6-c-jump-links {
@@ -17401,6 +18418,10 @@ label.pf-v6-c-input-group__text {
17401
18418
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17402
18419
  }
17403
18420
 
18421
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18422
+ scale: -1 1;
18423
+ }
18424
+
17404
18425
  .pf-v6-c-jump-links__toggle-icon {
17405
18426
  display: inline-block;
17406
18427
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17409,9 +18430,6 @@ label.pf-v6-c-input-group__text {
17409
18430
  transition-property: transform;
17410
18431
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17411
18432
  }
17412
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17413
- scale: -1 1;
17414
- }
17415
18433
 
17416
18434
  .pf-v6-c-label {
17417
18435
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -17908,6 +18926,10 @@ input.pf-v6-c-label__content {
17908
18926
  .pf-v6-c-label__actions {
17909
18927
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
17910
18928
  }
18929
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18930
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18931
+ }
18932
+
17911
18933
  .pf-v6-c-label__actions .pf-v6-c-button {
17912
18934
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
17913
18935
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -17918,9 +18940,6 @@ input.pf-v6-c-label__content {
17918
18940
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
17919
18941
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
17920
18942
  }
17921
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
17922
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
17923
- }
17924
18943
 
17925
18944
  .pf-v6-c-label-group {
17926
18945
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18061,9 +19080,9 @@ input.pf-v6-c-label__content {
18061
19080
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18062
19081
  white-space: nowrap;
18063
19082
  resize: none;
18064
- border: 0;
18065
- -ms-overflow-style: none;
18066
19083
  scrollbar-width: none;
19084
+ -ms-overflow-style: none;
19085
+ border: 0;
18067
19086
  }
18068
19087
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18069
19088
  display: none;
@@ -18149,18 +19168,48 @@ ul.pf-v6-c-list {
18149
19168
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18150
19169
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18151
19170
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19171
+ }
19172
+ @media (min-width: 75rem) {
19173
+ .pf-v6-c-login {
19174
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19175
+ }
19176
+ }
19177
+ .pf-v6-c-login {
18152
19178
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18153
19179
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18154
19180
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19181
+ }
19182
+ @media (min-width: 36rem) {
19183
+ .pf-v6-c-login {
19184
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19185
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19186
+ }
19187
+ }
19188
+ .pf-v6-c-login {
18155
19189
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18156
19190
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18157
19191
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18158
19192
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19193
+ }
19194
+ @media (min-width: 75rem) {
19195
+ .pf-v6-c-login {
19196
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19197
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19198
+ }
19199
+ }
19200
+ .pf-v6-c-login {
18159
19201
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18160
19202
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18161
19203
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18162
19204
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18163
19205
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19206
+ }
19207
+ @media (min-width: 75rem) {
19208
+ .pf-v6-c-login {
19209
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19210
+ }
19211
+ }
19212
+ .pf-v6-c-login {
18164
19213
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18165
19214
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18166
19215
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18172,11 +19221,28 @@ ul.pf-v6-c-list {
18172
19221
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18173
19222
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18174
19223
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19224
+ }
19225
+ @media (min-width: 48rem) {
19226
+ .pf-v6-c-login {
19227
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19228
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19229
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19230
+ }
19231
+ }
19232
+ .pf-v6-c-login {
18175
19233
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18176
19234
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18177
19235
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18178
19236
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18179
19237
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19238
+ }
19239
+ @media (min-width: 48rem) {
19240
+ .pf-v6-c-login {
19241
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19242
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19243
+ }
19244
+ }
19245
+ .pf-v6-c-login {
18180
19246
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18181
19247
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18182
19248
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18194,43 +19260,6 @@ ul.pf-v6-c-list {
18194
19260
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18195
19261
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18196
19262
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18197
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18198
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18199
- }
18200
- @media (min-width: 75rem) {
18201
- .pf-v6-c-login {
18202
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18203
- }
18204
- }
18205
- @media (min-width: 36rem) {
18206
- .pf-v6-c-login {
18207
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18208
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18209
- }
18210
- }
18211
- @media (min-width: 75rem) {
18212
- .pf-v6-c-login {
18213
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18214
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18215
- }
18216
- }
18217
- @media (min-width: 75rem) {
18218
- .pf-v6-c-login {
18219
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18220
- }
18221
- }
18222
- @media (min-width: 48rem) {
18223
- .pf-v6-c-login {
18224
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18225
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18226
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18227
- }
18228
- }
18229
- @media (min-width: 48rem) {
18230
- .pf-v6-c-login {
18231
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18232
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18233
- }
18234
19263
  }
18235
19264
  @media (min-width: 36rem) {
18236
19265
  .pf-v6-c-login {
@@ -18238,6 +19267,10 @@ ul.pf-v6-c-list {
18238
19267
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18239
19268
  }
18240
19269
  }
19270
+ .pf-v6-c-login {
19271
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19272
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19273
+ }
18241
19274
  @media (min-width: 75rem) {
18242
19275
  .pf-v6-c-login {
18243
19276
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -18433,12 +19466,26 @@ ul.pf-v6-c-list {
18433
19466
  --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
18434
19467
  --pf-v6-c-masthead--m-display-inline__main--Display: flex;
18435
19468
  --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
19469
+ --pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
19470
+ --pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
19471
+ --pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19472
+ --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19473
+ --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19474
+ --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19475
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
19476
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
19477
+ --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
18436
19478
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18437
19479
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
18438
19480
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
18439
19481
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
18440
19482
  }
18441
19483
 
19484
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19485
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19486
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19487
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19488
+ }
18442
19489
  .pf-v6-c-masthead {
18443
19490
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
18444
19491
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -18452,22 +19499,6 @@ ul.pf-v6-c-list {
18452
19499
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
18453
19500
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
18454
19501
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
18455
- display: grid;
18456
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
18457
- row-gap: var(--pf-v6-c-masthead--RowGap);
18458
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
18459
- align-items: start;
18460
- min-width: 0;
18461
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
18462
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
18463
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
18464
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
18465
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
18466
- }
18467
- .pf-v6-c-masthead .pf-v6-c-toolbar {
18468
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
18469
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
18470
- --pf-v6-c-toolbar__content--MinWidth: 0;
18471
19502
  }
18472
19503
  @media screen and (min-width: 48rem) {
18473
19504
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -18485,6 +19516,62 @@ ul.pf-v6-c-list {
18485
19516
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
18486
19517
  }
18487
19518
  }
19519
+ .pf-v6-c-masthead {
19520
+ display: grid;
19521
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19522
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19523
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19524
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19525
+ align-items: start;
19526
+ min-width: 0;
19527
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19528
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19529
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19530
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19531
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19532
+ }
19533
+ .pf-v6-c-masthead.pf-m-docked {
19534
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19535
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19536
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19537
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19538
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19539
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19540
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19541
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19542
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19543
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19544
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19545
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19546
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19547
+ --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19548
+ --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
19549
+ --pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
19550
+ --pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
19551
+ --pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
19552
+ --pf-v6-c-masthead--GridTemplateColumns: auto;
19553
+ --pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
19554
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
19555
+ --pf-v6-c-masthead__main--GridColumn: auto;
19556
+ --pf-v6-c-masthead__content--GridColumn: auto;
19557
+ --pf-v6-c-masthead__logo--Width: auto;
19558
+ --pf-v6-c-masthead__main--MarginInlineEnd: 0;
19559
+ display: flex;
19560
+ flex-direction: column;
19561
+ align-items: center;
19562
+ width: fit-content;
19563
+ height: 100%;
19564
+ backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19565
+ }
19566
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19567
+ flex-grow: 1;
19568
+ flex-direction: column;
19569
+ align-self: revert;
19570
+ }
19571
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
19572
+ --pf-v6-c-masthead--c-toolbar--Width: fit-content;
19573
+ height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
19574
+ }
18488
19575
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
18489
19576
  flex-wrap: nowrap;
18490
19577
  min-width: 0;
@@ -18948,6 +20035,13 @@ ul.pf-v6-c-list {
18948
20035
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
18949
20036
  --pf-v6-c-menu--TransitionDuration: 0s;
18950
20037
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
20038
+ }
20039
+ @media (prefers-reduced-motion: no-preference) {
20040
+ .pf-v6-c-menu {
20041
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
20042
+ }
20043
+ }
20044
+ .pf-v6-c-menu {
18951
20045
  --pf-v6-c-menu--m-plain--BoxShadow: none;
18952
20046
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
18953
20047
  --pf-v6-c-menu__content--Height: auto;
@@ -19027,33 +20121,34 @@ ul.pf-v6-c-list {
19027
20121
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19028
20122
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19029
20123
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19030
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19031
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19032
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19033
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19034
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19035
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19036
- }
19037
- @media (prefers-reduced-motion: no-preference) {
19038
- .pf-v6-c-menu {
19039
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19040
- }
19041
20124
  }
19042
20125
  @media (prefers-reduced-motion: no-preference) {
19043
20126
  .pf-v6-c-menu {
19044
20127
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19045
20128
  }
19046
20129
  }
20130
+ .pf-v6-c-menu {
20131
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20132
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20133
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20134
+ }
19047
20135
  @media (prefers-reduced-motion: no-preference) {
19048
20136
  .pf-v6-c-menu {
19049
20137
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19050
20138
  }
19051
20139
  }
20140
+ .pf-v6-c-menu {
20141
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20142
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20143
+ }
19052
20144
  @media (prefers-reduced-motion: no-preference) {
19053
20145
  .pf-v6-c-menu {
19054
20146
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19055
20147
  }
19056
20148
  }
20149
+ .pf-v6-c-menu {
20150
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20151
+ }
19057
20152
 
19058
20153
  .pf-v6-c-menu__content,
19059
20154
  .pf-v6-c-menu__list-item,
@@ -19511,13 +20606,14 @@ ul.pf-v6-c-list {
19511
20606
  --pf-v6-c-check__input--TranslateY: none;
19512
20607
  }
19513
20608
 
19514
- .pf-v6-c-menu__item-toggle-icon {
19515
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
19516
- }
19517
20609
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
19518
20610
  scale: -1 1;
19519
20611
  }
19520
20612
 
20613
+ .pf-v6-c-menu__item-toggle-icon {
20614
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20615
+ }
20616
+
19521
20617
  .pf-v6-c-menu__item-icon {
19522
20618
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
19523
20619
  }
@@ -19573,7 +20669,7 @@ ul.pf-v6-c-list {
19573
20669
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
19574
20670
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
19575
20671
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
19576
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20672
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
19577
20673
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
19578
20674
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
19579
20675
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -19686,6 +20782,7 @@ ul.pf-v6-c-list {
19686
20782
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
19687
20783
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
19688
20784
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
20785
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
19689
20786
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
19690
20787
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
19691
20788
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -19814,6 +20911,9 @@ ul.pf-v6-c-list {
19814
20911
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
19815
20912
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
19816
20913
  }
20914
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
20915
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
20916
+ }
19817
20917
  .pf-v6-c-menu-toggle.pf-m-plain::before {
19818
20918
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
19819
20919
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -20104,6 +21204,13 @@ ul.pf-v6-c-list {
20104
21204
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20105
21205
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20106
21206
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21207
+ }
21208
+ @media (min-width: 75rem) {
21209
+ .pf-v6-c-modal-box {
21210
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21211
+ }
21212
+ }
21213
+ .pf-v6-c-modal-box {
20107
21214
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20108
21215
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20109
21216
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20135,11 +21242,6 @@ ul.pf-v6-c-list {
20135
21242
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20136
21243
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20137
21244
  }
20138
- @media (min-width: 75rem) {
20139
- .pf-v6-c-modal-box {
20140
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20141
- }
20142
- }
20143
21245
 
20144
21246
  .pf-v6-c-modal-box {
20145
21247
  position: relative;
@@ -20201,8 +21303,8 @@ ul.pf-v6-c-list {
20201
21303
 
20202
21304
  .pf-v6-c-modal-box__header {
20203
21305
  display: flex;
20204
- flex-direction: column;
20205
21306
  flex-shrink: 0;
21307
+ flex-direction: column;
20206
21308
  gap: var(--pf-v6-c-modal-box__header--Gap);
20207
21309
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20208
21310
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20219,8 +21321,8 @@ ul.pf-v6-c-list {
20219
21321
 
20220
21322
  .pf-v6-c-modal-box__header-main {
20221
21323
  display: flex;
20222
- flex-direction: column;
20223
21324
  flex-grow: 1;
21325
+ flex-direction: column;
20224
21326
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20225
21327
  min-width: 0;
20226
21328
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -20529,13 +21631,22 @@ ul.pf-v6-c-list {
20529
21631
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
20530
21632
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
20531
21633
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21634
+ --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
21635
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
21636
+ --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
21637
+ --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
21638
+ --pf-v6-c-nav__item--accent--ScaleY: 0;
21639
+ --pf-v6-c-nav__item--current--accent--ScaleY: 1;
21640
+ --pf-v6-c-nav__item--accent--TransitionDuration: 0;
21641
+ --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21642
+ --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
20532
21643
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
20533
- --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21644
+ --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
20534
21645
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
20535
21646
  --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
20536
21647
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
20537
21648
  --pf-v6-c-nav__link--AlignItems: baseline;
20538
- --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
21649
+ --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
20539
21650
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20540
21651
  --pf-v6-c-nav__link--WhiteSpace: normal;
20541
21652
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
@@ -20553,6 +21664,7 @@ ul.pf-v6-c-list {
20553
21664
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
20554
21665
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
20555
21666
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
21667
+ --pf-v6-c-nav__link-text--FontSize: initial;
20556
21668
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
20557
21669
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
20558
21670
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
@@ -20564,6 +21676,15 @@ ul.pf-v6-c-list {
20564
21676
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
20565
21677
  --pf-v6-c-nav__subnav--TranslateY: 0;
20566
21678
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21679
+ }
21680
+ @media screen and (prefers-reduced-motion: no-preference) {
21681
+ .pf-v6-c-nav {
21682
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21683
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21684
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21685
+ }
21686
+ }
21687
+ .pf-v6-c-nav {
20567
21688
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
20568
21689
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
20569
21690
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -20593,13 +21714,11 @@ ul.pf-v6-c-list {
20593
21714
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20594
21715
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
20595
21716
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20596
- }
20597
- @media screen and (prefers-reduced-motion: no-preference) {
20598
- .pf-v6-c-nav {
20599
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
20600
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
20601
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
20602
- }
21717
+ --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21718
+ --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21719
+ --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21720
+ --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21721
+ --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20603
21722
  }
20604
21723
 
20605
21724
  .pf-v6-c-nav,
@@ -20634,6 +21753,25 @@ ul.pf-v6-c-list {
20634
21753
  .pf-v6-c-nav.pf-m-fill {
20635
21754
  flex-grow: 1;
20636
21755
  }
21756
+ .pf-v6-c-nav.pf-m-docked {
21757
+ --pf-v6-c-nav--PaddingBlockStart: 0;
21758
+ --pf-v6-c-nav--PaddingBlockEnd: 0;
21759
+ --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
21760
+ --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
21761
+ --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
21762
+ --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
21763
+ --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
21764
+ width: fit-content;
21765
+ }
21766
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
21767
+ position: relative;
21768
+ align-self: center;
21769
+ min-width: 1lh;
21770
+ text-align: center;
21771
+ }
21772
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21773
+ display: none;
21774
+ }
20637
21775
  .pf-v6-c-nav .pf-v6-c-menu {
20638
21776
  --pf-v6-c-menu--MinWidth: 100%;
20639
21777
  }
@@ -20697,14 +21835,34 @@ ul.pf-v6-c-list {
20697
21835
  }
20698
21836
 
20699
21837
  .pf-v6-c-nav__item {
21838
+ position: relative;
20700
21839
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
20701
21840
  }
21841
+ .pf-v6-c-nav__item::before {
21842
+ position: absolute;
21843
+ inset-block-start: 0;
21844
+ inset-block-end: 0;
21845
+ inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
21846
+ width: var(--pf-v6-c-nav__item--accent--size);
21847
+ pointer-events: none;
21848
+ content: var(--pf-v6-c-nav__item--accent--content, "");
21849
+ background-color: var(--pf-v6-c-nav__item--accent--color);
21850
+ border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
21851
+ transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
21852
+ transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
21853
+ transition-property: scale;
21854
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
21855
+ }
20702
21856
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
20703
21857
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
20704
21858
  }
20705
21859
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
20706
21860
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
20707
21861
  }
21862
+ .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
21863
+ --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
21864
+ --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
21865
+ }
20708
21866
 
20709
21867
  .pf-v6-c-nav__section {
20710
21868
  row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
@@ -20766,6 +21924,10 @@ ul.pf-v6-c-list {
20766
21924
  color: var(--pf-v6-c-nav__link-icon--Color);
20767
21925
  }
20768
21926
 
21927
+ .pf-v6-c-nav__link-text {
21928
+ font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
21929
+ }
21930
+
20769
21931
  .pf-v6-c-nav__toggle {
20770
21932
  flex: none;
20771
21933
  align-self: start;
@@ -20821,6 +21983,7 @@ ul.pf-v6-c-list {
20821
21983
  }
20822
21984
 
20823
21985
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21986
+ --pf-v6-c-nav__item--accent--content: none;
20824
21987
  padding: 0;
20825
21988
  overflow: hidden;
20826
21989
  }
@@ -20841,12 +22004,14 @@ ul.pf-v6-c-list {
20841
22004
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
20842
22005
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
20843
22006
  -webkit-overflow-scrolling: touch;
20844
- scrollbar-width: none;
20845
- -ms-overflow-style: -ms-autohiding-scrollbar;
20846
22007
  }
20847
22008
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
20848
22009
  display: none;
20849
22010
  }
22011
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
22012
+ scrollbar-width: none;
22013
+ -ms-overflow-style: -ms-autohiding-scrollbar;
22014
+ }
20850
22015
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
20851
22016
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
20852
22017
  }
@@ -20884,6 +22049,7 @@ ul.pf-v6-c-list {
20884
22049
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
20885
22050
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
20886
22051
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
22052
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
20887
22053
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
20888
22054
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
20889
22055
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -20897,6 +22063,7 @@ ul.pf-v6-c-list {
20897
22063
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20898
22064
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
20899
22065
  --pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
22066
+ --pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
20900
22067
  --pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20901
22068
  --pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
20902
22069
  --pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -20939,7 +22106,7 @@ ul.pf-v6-c-list {
20939
22106
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
20940
22107
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
20941
22108
  --pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
20942
- --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
22109
+ --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
20943
22110
  }
20944
22111
 
20945
22112
  .pf-v6-c-notification-drawer {
@@ -20978,6 +22145,7 @@ ul.pf-v6-c-list {
20978
22145
 
20979
22146
  .pf-v6-c-notification-drawer__header-action {
20980
22147
  display: flex;
22148
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
20981
22149
  align-items: center;
20982
22150
  margin-inline-start: auto;
20983
22151
  }
@@ -21006,8 +22174,16 @@ ul.pf-v6-c-list {
21006
22174
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
21007
22175
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
21008
22176
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
21009
- border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
21010
22177
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22178
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22179
+ }
22180
+ .pf-v6-c-notification-drawer__list-item::before {
22181
+ position: absolute;
22182
+ inset: 0;
22183
+ pointer-events: none;
22184
+ content: "";
22185
+ border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
22186
+ border-radius: inherit;
21011
22187
  }
21012
22188
  .pf-v6-c-notification-drawer__list-item.pf-m-info {
21013
22189
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
@@ -21033,7 +22209,6 @@ ul.pf-v6-c-list {
21033
22209
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
21034
22210
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
21035
22211
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
21036
- position: relative;
21037
22212
  }
21038
22213
  .pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
21039
22214
  cursor: pointer;
@@ -21061,9 +22236,9 @@ ul.pf-v6-c-list {
21061
22236
  }
21062
22237
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21063
22238
  display: -webkit-box;
22239
+ overflow: hidden;
21064
22240
  -webkit-box-orient: vertical;
21065
22241
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21066
- overflow: hidden;
21067
22242
  }
21068
22243
 
21069
22244
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21117,9 +22292,9 @@ ul.pf-v6-c-list {
21117
22292
 
21118
22293
  .pf-v6-c-notification-drawer__group-toggle-title {
21119
22294
  display: -webkit-box;
22295
+ overflow: hidden;
21120
22296
  -webkit-box-orient: vertical;
21121
22297
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21122
- overflow: hidden;
21123
22298
  flex: 1;
21124
22299
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21125
22300
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21132,15 +22307,15 @@ ul.pf-v6-c-list {
21132
22307
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21133
22308
  }
21134
22309
 
22310
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22311
+ scale: -1 1;
22312
+ }
22313
+
21135
22314
  .pf-v6-c-notification-drawer__group-toggle-icon {
21136
22315
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21137
22316
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21138
22317
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21139
22318
  }
21140
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21141
- scale: -1 1;
21142
- }
21143
-
21144
22319
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21145
22320
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21146
22321
  }
@@ -21186,6 +22361,7 @@ ul.pf-v6-c-list {
21186
22361
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21187
22362
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
21188
22363
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22364
+ --pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
21189
22365
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
21190
22366
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
21191
22367
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -21208,6 +22384,15 @@ ul.pf-v6-c-list {
21208
22384
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21209
22385
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21210
22386
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22387
+ }
22388
+ @media screen and (prefers-reduced-motion: no-preference) {
22389
+ .pf-v6-c-page {
22390
+ --pf-v6-c-page__sidebar--Opacity: 1;
22391
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22392
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22393
+ }
22394
+ }
22395
+ .pf-v6-c-page {
21211
22396
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21212
22397
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21213
22398
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21223,6 +22408,15 @@ ul.pf-v6-c-list {
21223
22408
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21224
22409
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21225
22410
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22411
+ }
22412
+ @media screen and (min-width: 75rem) {
22413
+ .pf-v6-c-page {
22414
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22415
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22416
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22417
+ }
22418
+ }
22419
+ .pf-v6-c-page {
21226
22420
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21227
22421
  --pf-v6-c-page__main-container--GridArea: main;
21228
22422
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21245,6 +22439,17 @@ ul.pf-v6-c-list {
21245
22439
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21246
22440
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21247
22441
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22442
+ }
22443
+ @media screen and (max-width: calc(48rem - 1px)) {
22444
+ .pf-v6-c-page {
22445
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22446
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22447
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22448
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22449
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22450
+ }
22451
+ }
22452
+ .pf-v6-c-page {
21248
22453
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21249
22454
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21250
22455
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21293,29 +22498,9 @@ ul.pf-v6-c-list {
21293
22498
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21294
22499
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21295
22500
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21296
- }
21297
- @media screen and (prefers-reduced-motion: no-preference) {
21298
- .pf-v6-c-page {
21299
- --pf-v6-c-page__sidebar--Opacity: 1;
21300
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21301
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21302
- }
21303
- }
21304
- @media screen and (min-width: 75rem) {
21305
- .pf-v6-c-page {
21306
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21307
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21308
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21309
- }
21310
- }
21311
- @media screen and (max-width: calc(48rem - 1px)) {
21312
- .pf-v6-c-page {
21313
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21314
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21315
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21316
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21317
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21318
- }
22501
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22502
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22503
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21319
22504
  }
21320
22505
 
21321
22506
  .pf-v6-c-page {
@@ -21335,6 +22520,16 @@ ul.pf-v6-c-list {
21335
22520
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
21336
22521
  }
21337
22522
  }
22523
+ .pf-v6-c-page.pf-m-dock {
22524
+ --pf-v6-c-page--masthead--main-container--GridArea: main;
22525
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
22526
+ --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
22527
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
22528
+ grid-template-areas: "dock main";
22529
+ grid-template-rows: auto;
22530
+ grid-template-columns: auto 1fr;
22531
+ column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
22532
+ }
21338
22533
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
21339
22534
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
21340
22535
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -21381,15 +22576,20 @@ ul.pf-v6-c-list {
21381
22576
  }
21382
22577
  }
21383
22578
 
21384
- .pf-v6-c-page > .pf-v6-c-masthead {
21385
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
21386
- grid-area: header;
21387
- }
21388
22579
  @media (min-width: 75rem) {
21389
22580
  .pf-v6-c-page > .pf-v6-c-masthead {
21390
22581
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
21391
22582
  }
21392
22583
  }
22584
+ .pf-v6-c-page > .pf-v6-c-masthead {
22585
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22586
+ grid-area: header;
22587
+ }
22588
+
22589
+ .pf-v6-c-page__dock {
22590
+ z-index: var(--pf-v6-c-page__dock--ZIndex);
22591
+ grid-area: dock;
22592
+ }
21393
22593
 
21394
22594
  .pf-v6-c-page__sidebar {
21395
22595
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -21501,8 +22701,8 @@ ul.pf-v6-c-list {
21501
22701
  .pf-v6-c-page__main-group,
21502
22702
  .pf-v6-c-page__main-subnav {
21503
22703
  display: flex;
21504
- flex-direction: column;
21505
22704
  flex-shrink: 0;
22705
+ flex-direction: column;
21506
22706
  }
21507
22707
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
21508
22708
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21694,6 +22894,7 @@ ul.pf-v6-c-list {
21694
22894
  flex-direction: column;
21695
22895
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
21696
22896
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
22897
+ margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
21697
22898
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21698
22899
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21699
22900
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -21745,8 +22946,8 @@ ul.pf-v6-c-list {
21745
22946
  .pf-v6-c-page__main-drawer,
21746
22947
  .pf-v6-c-page__main-group {
21747
22948
  display: flex;
21748
- flex-direction: column;
21749
22949
  flex-grow: 1;
22950
+ flex-direction: column;
21750
22951
  }
21751
22952
 
21752
22953
  .pf-v6-c-page__main {
@@ -23660,8 +24861,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23660
24861
  position: var(--pf-v6-c-sidebar__panel--Position);
23661
24862
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
23662
24863
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
23663
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23664
24864
  flex-shrink: 0;
24865
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23665
24866
  order: var(--pf-v6-c-sidebar__panel--Order);
23666
24867
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
23667
24868
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -23958,7 +25159,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23958
25159
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
23959
25160
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
23960
25161
  --pf-v6-c-skeleton--before--Height: auto;
23961
- --pf-v6-c-skeleton--before--Content: " ";
25162
+ --pf-v6-c-skeleton--before--Content: "\00a0";
23962
25163
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
23963
25164
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
23964
25165
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -23969,6 +25170,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23969
25170
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
23970
25171
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
23971
25172
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25173
+ }
25174
+ @media screen and (prefers-reduced-motion: no-preference) {
25175
+ .pf-v6-c-skeleton {
25176
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25177
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25178
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25179
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25180
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25181
+ }
25182
+ }
25183
+ .pf-v6-c-skeleton {
23972
25184
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
23973
25185
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
23974
25186
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -23996,15 +25208,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23996
25208
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
23997
25209
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
23998
25210
  }
23999
- @media screen and (prefers-reduced-motion: no-preference) {
24000
- .pf-v6-c-skeleton {
24001
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24002
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24003
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24004
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24005
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24006
- }
24007
- }
24008
25211
 
24009
25212
  .pf-v6-c-skeleton {
24010
25213
  position: relative;
@@ -24021,6 +25224,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24021
25224
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24022
25225
  content: var(--pf-v6-c-skeleton--before--Content);
24023
25226
  }
25227
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25228
+ scale: -1 1;
25229
+ }
25230
+
24024
25231
  .pf-v6-c-skeleton::after {
24025
25232
  position: absolute;
24026
25233
  inset: 0;
@@ -24030,10 +25237,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24030
25237
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24031
25238
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24032
25239
  }
24033
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24034
- scale: -1 1;
24035
- }
24036
-
24037
25240
  .pf-v6-c-skeleton.pf-m-circle {
24038
25241
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24039
25242
  }
@@ -24221,12 +25424,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24221
25424
 
24222
25425
  .pf-v6-c-slider {
24223
25426
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24224
- display: flex;
24225
25427
  }
24226
25428
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24227
25429
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24228
25430
  }
24229
25431
 
25432
+ .pf-v6-c-slider {
25433
+ display: flex;
25434
+ }
24230
25435
  .pf-v6-c-slider.pf-m-disabled {
24231
25436
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24232
25437
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24289,6 +25494,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24289
25494
 
24290
25495
  .pf-v6-c-slider__step-tick {
24291
25496
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25497
+ }
25498
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25499
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25500
+ }
25501
+
25502
+ .pf-v6-c-slider__step-tick {
24292
25503
  position: absolute;
24293
25504
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24294
25505
  inset-inline-start: 0;
@@ -24298,22 +25509,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24298
25509
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24299
25510
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24300
25511
  }
24301
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24302
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24303
- }
24304
25512
 
24305
25513
  .pf-v6-c-slider__step-label {
24306
25514
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
24307
- position: absolute;
24308
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
24309
- word-break: normal;
24310
25515
  }
24311
25516
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
24312
25517
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24313
25518
  }
24314
25519
 
25520
+ .pf-v6-c-slider__step-label {
25521
+ position: absolute;
25522
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25523
+ word-break: normal;
25524
+ }
25525
+
24315
25526
  .pf-v6-c-slider__thumb {
24316
25527
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25528
+ }
25529
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25530
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25531
+ }
25532
+
25533
+ .pf-v6-c-slider__thumb {
24317
25534
  position: absolute;
24318
25535
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
24319
25536
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -24325,12 +25542,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24325
25542
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
24326
25543
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
24327
25544
  }
24328
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
24329
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25545
+ .pf-v6-c-slider__thumb::before {
25546
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25547
+ }
25548
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25549
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24330
25550
  }
24331
25551
 
24332
25552
  .pf-v6-c-slider__thumb::before {
24333
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
24334
25553
  position: absolute;
24335
25554
  inset-block-start: 50%;
24336
25555
  inset-inline-start: 50%;
@@ -24339,10 +25558,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24339
25558
  content: "";
24340
25559
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
24341
25560
  }
24342
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
24343
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24344
- }
24345
-
24346
25561
  .pf-v6-c-slider__thumb:hover {
24347
25562
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
24348
25563
  }
@@ -24359,16 +25574,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24359
25574
  }
24360
25575
  .pf-v6-c-slider__value.pf-m-floating {
24361
25576
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25577
+ }
25578
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25579
+ transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25580
+ }
25581
+
25582
+ .pf-v6-c-slider__value.pf-m-floating {
24362
25583
  --pf-v6-c-slider__value--MarginInlineStart: 0;
24363
25584
  position: absolute;
24364
25585
  inset-block-start: 0;
24365
25586
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
24366
25587
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
24367
25588
  }
24368
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
24369
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
24370
- }
24371
-
24372
25589
  .pf-v6-c-slider__value .pf-v6-c-form-control {
24373
25590
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
24374
25591
  }
@@ -24493,7 +25710,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24493
25710
  --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
24494
25711
  --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
24495
25712
  --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
24496
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
25713
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
24497
25714
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
24498
25715
  --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
24499
25716
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
@@ -24546,12 +25763,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24546
25763
  }
24547
25764
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24548
25765
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
24549
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
24550
25766
  }
24551
25767
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24552
25768
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
24553
25769
  }
24554
25770
 
25771
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25772
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25773
+ }
24555
25774
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
24556
25775
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
24557
25776
  }
@@ -25036,7 +26255,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25036
26255
  --pf-v6-c-table--cell--Width: auto;
25037
26256
  }
25038
26257
 
25039
- @media screen and (max-width: calc(48rem - 1px)) {
26258
+ @container pf-v6-contain-table (max-width: 48rem) {
25040
26259
  .pf-m-grid-md.pf-v6-c-table {
25041
26260
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25042
26261
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25314,15 +26533,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25314
26533
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25315
26534
  text-align: end;
25316
26535
  }
25317
- }
25318
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
25319
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25320
- grid-row-start: 1;
25321
- grid-column-start: 2;
25322
- margin-inline-start: 0;
26536
+ @media screen and (max-width: 36rem) {
26537
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
26538
+ grid-row-start: 1;
26539
+ grid-column-start: 2;
26540
+ margin-inline-start: 0;
26541
+ }
25323
26542
  }
25324
- }
25325
- @media screen and (max-width: calc(48rem - 1px)) {
25326
26543
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25327
26544
  grid-column: 2;
25328
26545
  grid-row: 2;
@@ -25348,7 +26565,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25348
26565
  }
25349
26566
  }
25350
26567
 
25351
- @media screen and (max-width: calc(62rem - 1px)) {
26568
+ @container pf-v6-contain-table (max-width: 62rem) {
25352
26569
  .pf-m-grid-lg.pf-v6-c-table {
25353
26570
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25354
26571
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25626,15 +26843,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25626
26843
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25627
26844
  text-align: end;
25628
26845
  }
25629
- }
25630
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
25631
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25632
- grid-row-start: 1;
25633
- grid-column-start: 2;
25634
- margin-inline-start: 0;
26846
+ @media screen and (max-width: 36rem) {
26847
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
26848
+ grid-row-start: 1;
26849
+ grid-column-start: 2;
26850
+ margin-inline-start: 0;
26851
+ }
25635
26852
  }
25636
- }
25637
- @media screen and (max-width: calc(62rem - 1px)) {
25638
26853
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25639
26854
  grid-column: 2;
25640
26855
  grid-row: 2;
@@ -25660,7 +26875,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25660
26875
  }
25661
26876
  }
25662
26877
 
25663
- @media screen and (max-width: calc(75rem - 1px)) {
26878
+ @container pf-v6-contain-table (max-width: 75rem) {
25664
26879
  .pf-m-grid-xl.pf-v6-c-table {
25665
26880
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25666
26881
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25938,15 +27153,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25938
27153
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
25939
27154
  text-align: end;
25940
27155
  }
25941
- }
25942
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
25943
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
25944
- grid-row-start: 1;
25945
- grid-column-start: 2;
25946
- margin-inline-start: 0;
27156
+ @media screen and (max-width: 36rem) {
27157
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
27158
+ grid-row-start: 1;
27159
+ grid-column-start: 2;
27160
+ margin-inline-start: 0;
27161
+ }
25947
27162
  }
25948
- }
25949
- @media screen and (max-width: calc(75rem - 1px)) {
25950
27163
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25951
27164
  grid-column: 2;
25952
27165
  grid-row: 2;
@@ -25972,7 +27185,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25972
27185
  }
25973
27186
  }
25974
27187
 
25975
- @media screen and (max-width: calc(90.625rem - 1px)) {
27188
+ @container pf-v6-contain-table (max-width: 90.625rem) {
25976
27189
  .pf-m-grid-2xl.pf-v6-c-table {
25977
27190
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25978
27191
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26250,15 +27463,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26250
27463
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26251
27464
  text-align: end;
26252
27465
  }
26253
- }
26254
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
26255
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26256
- grid-row-start: 1;
26257
- grid-column-start: 2;
26258
- margin-inline-start: 0;
27466
+ @media screen and (max-width: 36rem) {
27467
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
27468
+ grid-row-start: 1;
27469
+ grid-column-start: 2;
27470
+ margin-inline-start: 0;
27471
+ }
26259
27472
  }
26260
- }
26261
- @media screen and (max-width: calc(90.625rem - 1px)) {
26262
27473
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26263
27474
  grid-column: 2;
26264
27475
  grid-row: 2;
@@ -26336,10 +27547,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26336
27547
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26337
27548
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
26338
27549
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
26339
- --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27550
+ --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
26340
27551
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
26341
27552
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
26342
- --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27553
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
26343
27554
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26344
27555
  --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26345
27556
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26373,6 +27584,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26373
27584
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
26374
27585
  --pf-v6-c-table__expandable-row--TranslateY: 0;
26375
27586
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27587
+ }
27588
+ @media screen and (prefers-reduced-motion: no-preference) {
27589
+ .pf-v6-c-table {
27590
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27591
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27592
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27593
+ }
27594
+ }
27595
+ .pf-v6-c-table {
26376
27596
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
26377
27597
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
26378
27598
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26441,13 +27661,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26441
27661
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
26442
27662
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
26443
27663
  }
26444
- @media screen and (prefers-reduced-motion: no-preference) {
26445
- .pf-v6-c-table {
26446
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
26447
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
26448
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
26449
- }
26450
- }
26451
27664
 
26452
27665
  .pf-v6-c-table {
26453
27666
  width: 100%;
@@ -26512,22 +27725,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26512
27725
  --pf-v6-hidden-visible--hidden--Display: none;
26513
27726
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26514
27727
  display: var(--pf-v6-hidden-visible--Display);
26515
- position: relative;
26516
- width: var(--pf-v6-c-table--cell--Width);
26517
- min-width: var(--pf-v6-c-table--cell--MinWidth);
26518
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
26519
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
26520
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
26521
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
26522
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
26523
- overflow: var(--pf-v6-c-table--cell--Overflow);
26524
- font-size: var(--pf-v6-c-table--cell--FontSize);
26525
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
26526
- line-height: var(--pf-v6-c-table--cell--LineHeight);
26527
- color: var(--pf-v6-c-table--cell--Color);
26528
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
26529
- word-break: var(--pf-v6-c-table--cell--WordBreak);
26530
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
26531
27728
  }
26532
27729
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
26533
27730
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -26572,6 +27769,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26572
27769
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26573
27770
  }
26574
27771
  }
27772
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27773
+ position: relative;
27774
+ width: var(--pf-v6-c-table--cell--Width);
27775
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27776
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27777
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27778
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27779
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27780
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27781
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27782
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27783
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27784
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27785
+ color: var(--pf-v6-c-table--cell--Color);
27786
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27787
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27788
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27789
+ }
26575
27790
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26576
27791
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
26577
27792
  }
@@ -26928,16 +28143,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26928
28143
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
26929
28144
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
26930
28145
  }
28146
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28147
+ scale: -1 1;
28148
+ }
28149
+
26931
28150
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
26932
28151
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
26933
28152
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
26934
28153
  transition-property: transform;
26935
28154
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
26936
28155
  }
26937
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
26938
- scale: -1 1;
26939
- }
26940
-
26941
28156
  .pf-v6-c-table__toggle svg {
26942
28157
  pointer-events: none;
26943
28158
  }
@@ -27414,13 +28629,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27414
28629
  }
27415
28630
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27416
28631
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
27417
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
27418
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
27419
28632
  }
27420
28633
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27421
28634
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
27422
28635
  }
27423
28636
 
28637
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28638
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28639
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28640
+ }
27424
28641
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27425
28642
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
27426
28643
  }
@@ -28316,7 +29533,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28316
29533
  --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28317
29534
  --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
28318
29535
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
28319
- --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
29536
+ --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
28320
29537
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
28321
29538
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28322
29539
  --pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -28333,13 +29550,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28333
29550
  --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28334
29551
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28335
29552
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29553
+ --pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
29554
+ --pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29555
+ --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
28336
29556
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
28337
29557
  --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28338
29558
  --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28339
29559
  --pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
28340
29560
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
28341
29561
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
28342
- --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29562
+ --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
28343
29563
  }
28344
29564
 
28345
29565
  .pf-v6-c-tabs {
@@ -28467,8 +29687,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28467
29687
  }
28468
29688
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
28469
29689
  position: relative;
28470
- flex-direction: column;
28471
29690
  flex-grow: 1;
29691
+ flex-direction: column;
28472
29692
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
28473
29693
  }
28474
29694
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -28610,6 +29830,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28610
29830
  .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
28611
29831
  overflow: visible;
28612
29832
  }
29833
+ .pf-v6-c-tabs.pf-m-nav {
29834
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29835
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
29836
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
29837
+ }
29838
+ .pf-v6-c-tabs.pf-m-nav::before,
29839
+ .pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
29840
+ border: 0;
29841
+ }
29842
+ .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
29843
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
29844
+ }
28613
29845
 
28614
29846
  .pf-v6-c-tabs__toggle {
28615
29847
  display: var(--pf-v6-c-tabs__toggle--Display);
@@ -28621,15 +29853,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28621
29853
  white-space: normal;
28622
29854
  }
28623
29855
 
29856
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29857
+ scale: -1 1;
29858
+ }
29859
+
28624
29860
  .pf-v6-c-tabs__toggle-icon {
28625
29861
  display: inline-block;
28626
29862
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
28627
29863
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
28628
29864
  }
28629
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
28630
- scale: -1 1;
28631
- }
28632
29865
 
29866
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29867
+ display: none;
29868
+ }
28633
29869
  .pf-v6-c-tabs__list {
28634
29870
  scrollbar-width: none;
28635
29871
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28641,25 +29877,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28641
29877
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
28642
29878
  -webkit-overflow-scrolling: touch;
28643
29879
  }
28644
- .pf-v6-c-tabs__list::-webkit-scrollbar {
28645
- display: none;
28646
- }
28647
29880
 
28648
29881
  .pf-v6-c-tabs__item {
28649
29882
  position: relative;
28650
29883
  display: flex;
28651
29884
  flex: none;
28652
29885
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
28653
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28654
29886
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
28655
29887
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
28656
29888
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
28657
29889
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29890
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28658
29891
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
28659
29892
  }
28660
29893
  .pf-v6-c-tabs__item.pf-m-current {
28661
29894
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
28662
- --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
29895
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
28663
29896
  --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
28664
29897
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
28665
29898
  }
@@ -28707,6 +29940,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28707
29940
  border: 0;
28708
29941
  }
28709
29942
 
29943
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29944
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29945
+ }
29946
+
28710
29947
  .pf-v6-c-tabs__link {
28711
29948
  display: flex;
28712
29949
  flex: 1;
@@ -28724,10 +29961,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28724
29961
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
28725
29962
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
28726
29963
  }
28727
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
28728
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
28729
- }
28730
-
28731
29964
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
28732
29965
  pointer-events: none;
28733
29966
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -28782,6 +30015,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28782
30015
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
28783
30016
  }
28784
30017
 
30018
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
30019
+ scale: -1 1;
30020
+ }
30021
+
28785
30022
  .pf-v6-c-tabs__link-toggle-icon {
28786
30023
  align-self: end;
28787
30024
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -28789,9 +30026,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28789
30026
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
28790
30027
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
28791
30028
  }
28792
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
28793
- scale: -1 1;
28794
- }
28795
30029
 
28796
30030
  .pf-v6-c-tabs__item-action {
28797
30031
  display: flex;
@@ -29068,7 +30302,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29068
30302
  }
29069
30303
  .pf-v6-c-text-input-group {
29070
30304
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
29071
- --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
30305
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
29072
30306
  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
29073
30307
  --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
29074
30308
  --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
@@ -29085,7 +30319,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29085
30319
  --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
29086
30320
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
29087
30321
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
29088
- --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
30322
+ --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
29089
30323
  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
29090
30324
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
29091
30325
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
@@ -29546,30 +30780,37 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29546
30780
  --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
29547
30781
  --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
29548
30782
  --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
29549
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30783
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--control--default);
29550
30784
  --pf-v6-c-toggle-group__button--ZIndex: auto;
29551
- --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
30785
+ --pf-v6-c-toggle-group__button--hover--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
30786
+ --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
29552
30787
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
29553
- --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
30788
+ --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--hover);
29554
30789
  --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
29555
30790
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
29556
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
30791
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
29557
30792
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
29558
- --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
29559
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
29560
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
29561
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
30793
+ --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--control--default);
30794
+ --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--control--default);
30795
+ --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--control--default);
30796
+ --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--control--default);
29562
30797
  --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
29563
- --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
29564
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
29565
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29566
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
30798
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-t--global--icon--color--regular);
30799
+ --pf-v6-c-toggle-group__icon--hover--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
30800
+ --pf-v6-c-toggle-group__icon--m-selected--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
30801
+ --pf-v6-c-toggle-group__icon--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
30802
+ --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
30803
+ --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
30804
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
30805
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
30806
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
30807
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
30808
+ --pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--brand--subtle--clicked);
29567
30809
  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
29568
- --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
29569
30810
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29570
30811
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29571
- --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
29572
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
30812
+ --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--control--default);
30813
+ --pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--control--default);
29573
30814
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
29574
30815
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
29575
30816
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -29637,9 +30878,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29637
30878
  }
29638
30879
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
29639
30880
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
30881
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--hover--Color);
29640
30882
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
29641
30883
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
29642
30884
  --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
30885
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--hover--Color);
29643
30886
  text-decoration-line: none;
29644
30887
  }
29645
30888
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -29647,22 +30890,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29647
30890
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
29648
30891
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
29649
30892
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
30893
+ --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth);
30894
+ --pf-v6-c-toggle-group__button--after--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderColor);
29650
30895
  --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
30896
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--m-selected--Color);
29651
30897
  }
29652
30898
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
29653
30899
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
29654
30900
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
29655
30901
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
29656
30902
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
30903
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--disabled--Color);
29657
30904
  pointer-events: none;
29658
30905
  }
29659
30906
 
29660
30907
  .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
29661
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
30908
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor);
29662
30909
  }
29663
30910
 
29664
30911
  .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
29665
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
30912
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor);
30913
+ }
30914
+
30915
+ .pf-v6-c-toggle-group__icon {
30916
+ color: var(--pf-v6-c-toggle-group__icon--Color);
29666
30917
  }
29667
30918
 
29668
30919
  .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
@@ -29712,10 +30963,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29712
30963
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29713
30964
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29714
30965
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
30966
+ --pf-v6-c-toolbar--m-vertical--Width: fit-content;
29715
30967
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29716
30968
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29717
30969
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29718
- --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
30970
+ --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
29719
30971
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
29720
30972
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
29721
30973
  --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -29808,9 +31060,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29808
31060
  --pf-v6-hidden-visible--hidden--Display: none;
29809
31061
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29810
31062
  display: var(--pf-v6-hidden-visible--Display);
29811
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
29812
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
29813
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
29814
31063
  }
29815
31064
  .pf-v6-c-toolbar__content.pf-m-hidden {
29816
31065
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -29855,6 +31104,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29855
31104
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29856
31105
  }
29857
31106
  }
31107
+ .pf-v6-c-toolbar__content {
31108
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
31109
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31110
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31111
+ }
29858
31112
 
29859
31113
  .pf-v6-c-toolbar__content-section {
29860
31114
  flex-wrap: wrap;
@@ -29915,14 +31169,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29915
31169
  .pf-v6-c-toolbar.pf-m-no-background {
29916
31170
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
29917
31171
  }
31172
+ .pf-v6-c-toolbar.pf-m-vertical {
31173
+ --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
31174
+ --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
31175
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
31176
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
31177
+ }
31178
+ .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
31179
+ flex-direction: column;
31180
+ align-items: center;
31181
+ }
29918
31182
 
29919
31183
  .pf-v6-c-toolbar__item {
29920
31184
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
29921
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
29922
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
29923
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
29924
- width: var(--pf-v6-c-toolbar__item--Width--base);
29925
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
29926
31185
  }
29927
31186
  @media (min-width: 36rem) {
29928
31187
  .pf-v6-c-toolbar__item {
@@ -29949,6 +31208,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29949
31208
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
29950
31209
  }
29951
31210
  }
31211
+ .pf-v6-c-toolbar__item {
31212
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31213
+ }
29952
31214
  @media (min-width: 36rem) {
29953
31215
  .pf-v6-c-toolbar__item {
29954
31216
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -29974,6 +31236,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29974
31236
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
29975
31237
  }
29976
31238
  }
31239
+ .pf-v6-c-toolbar__item {
31240
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31241
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31242
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31243
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31244
+ }
29977
31245
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
29978
31246
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
29979
31247
  }
@@ -29994,6 +31262,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29994
31262
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
29995
31263
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
29996
31264
  }
31265
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
31266
+ row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
31267
+ }
29997
31268
  .pf-v6-c-toolbar__group.pf-m-filter-group {
29998
31269
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
29999
31270
  }
@@ -30005,9 +31276,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30005
31276
  .pf-v6-c-toolbar__group.pf-m-action-group {
30006
31277
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
30007
31278
  }
31279
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
31280
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
31281
+ }
30008
31282
  .pf-v6-c-toolbar__group.pf-m-action-group-plain {
30009
31283
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
30010
31284
  }
31285
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
31286
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
31287
+ }
30011
31288
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
30012
31289
  flex-wrap: wrap;
30013
31290
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
@@ -30084,7 +31361,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
31361
  }
30085
31362
  .pf-v6-c-toolbar__group.pf-m-align-end,
30086
31363
  .pf-v6-c-toolbar__item.pf-m-align-end {
30087
- margin-inline-start: auto;
31364
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31365
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30088
31366
  }
30089
31367
  .pf-v6-c-toolbar__group.pf-m-flex-grow,
30090
31368
  .pf-v6-c-toolbar__item.pf-m-flex-grow {
@@ -30339,7 +31617,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30339
31617
  }
30340
31618
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
30341
31619
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
30342
- margin-inline-start: auto;
31620
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31621
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30343
31622
  }
30344
31623
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
30345
31624
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
@@ -30591,7 +31870,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30591
31870
  }
30592
31871
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
30593
31872
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
30594
- margin-inline-start: auto;
31873
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31874
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30595
31875
  }
30596
31876
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
30597
31877
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
@@ -30843,7 +32123,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30843
32123
  }
30844
32124
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
30845
32125
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
30846
- margin-inline-start: auto;
32126
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32127
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30847
32128
  }
30848
32129
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
30849
32130
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
@@ -31095,7 +32376,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31095
32376
  }
31096
32377
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
31097
32378
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
31098
- margin-inline-start: auto;
32379
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32380
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31099
32381
  }
31100
32382
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
31101
32383
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
@@ -31347,7 +32629,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31347
32629
  }
31348
32630
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
31349
32631
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
31350
- margin-inline-start: auto;
32632
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32633
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31351
32634
  }
31352
32635
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
31353
32636
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
@@ -31832,6 +33115,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31832
33115
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
31833
33116
  --pf-v6-c-tree-view__list--TranslateY: 0;
31834
33117
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33118
+ }
33119
+ @media screen and (prefers-reduced-motion: no-preference) {
33120
+ .pf-v6-c-tree-view {
33121
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33122
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33123
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33124
+ }
33125
+ }
33126
+ .pf-v6-c-tree-view {
31835
33127
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
31836
33128
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
31837
33129
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31859,7 +33151,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31859
33151
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
31860
33152
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
31861
33153
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
31862
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33154
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
33155
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33156
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33157
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
31863
33158
  --pf-v6-c-tree-view__node-text--max-lines: 1;
31864
33159
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31865
33160
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -31915,6 +33210,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31915
33210
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
31916
33211
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31917
33212
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33213
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33214
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33215
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33216
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33217
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33218
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
31918
33219
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31919
33220
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
31920
33221
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -31924,13 +33225,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31924
33225
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
31925
33226
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
31926
33227
  }
31927
- @media screen and (prefers-reduced-motion: no-preference) {
31928
- .pf-v6-c-tree-view {
31929
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
31930
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
31931
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
31932
- }
31933
- }
31934
33228
 
31935
33229
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
31936
33230
  position: relative;
@@ -32011,11 +33305,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32011
33305
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32012
33306
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32013
33307
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33308
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32014
33309
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32015
33310
  }
32016
33311
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32017
33312
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32018
33313
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33314
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33315
+ }
33316
+ .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
33317
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32019
33318
  }
32020
33319
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32021
33320
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32040,6 +33339,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32040
33339
  }
32041
33340
  .pf-v6-c-tree-view.pf-m-no-background {
32042
33341
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33342
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33343
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33344
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33345
+ }
33346
+
33347
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33348
+ scale: -1 1;
32043
33349
  }
32044
33350
 
32045
33351
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32049,9 +33355,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32049
33355
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32050
33356
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32051
33357
  }
32052
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32053
- scale: -1 1;
32054
- }
32055
33358
 
32056
33359
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32057
33360
  max-height: 0;
@@ -32115,6 +33418,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32115
33418
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32116
33419
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32117
33420
  }
33421
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33422
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33423
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33424
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
33425
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
33426
+ }
32118
33427
 
32119
33428
  .pf-v6-c-tree-view__node-container {
32120
33429
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32157,6 +33466,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32157
33466
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32158
33467
  }
32159
33468
 
33469
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33470
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33471
+ }
33472
+
32160
33473
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32161
33474
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32162
33475
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32172,6 +33485,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32172
33485
  white-space: nowrap;
32173
33486
  }
32174
33487
 
33488
+ label.pf-v6-c-tree-view__node-text {
33489
+ cursor: pointer;
33490
+ }
33491
+
32175
33492
  .pf-v6-c-tree-view__node-text {
32176
33493
  font-weight: inherit;
32177
33494
  color: inherit;
@@ -32179,9 +33496,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32179
33496
  background-color: transparent;
32180
33497
  border: 0;
32181
33498
  }
32182
- label.pf-v6-c-tree-view__node-text {
32183
- cursor: pointer;
32184
- }
32185
33499
 
32186
33500
  .pf-v6-c-tree-view__node-title {
32187
33501
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -32355,7 +33669,7 @@ label.pf-v6-c-tree-view__node-text {
32355
33669
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
32356
33670
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
32357
33671
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
32358
- --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
33672
+ --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
32359
33673
  --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
32360
33674
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
32361
33675
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
@@ -32410,6 +33724,15 @@ label.pf-v6-c-tree-view__node-text {
32410
33724
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
32411
33725
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
32412
33726
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33727
+ }
33728
+ @media screen and (min-width: 62rem) {
33729
+ .pf-v6-c-wizard {
33730
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33731
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33732
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33733
+ }
33734
+ }
33735
+ .pf-v6-c-wizard {
32413
33736
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
32414
33737
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
32415
33738
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -32434,13 +33757,6 @@ label.pf-v6-c-tree-view__node-text {
32434
33757
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
32435
33758
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
32436
33759
  }
32437
- @media screen and (min-width: 62rem) {
32438
- .pf-v6-c-wizard {
32439
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32440
- --pf-v6-c-wizard__nav--BoxShadow: none;
32441
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32442
- }
32443
- }
32444
33760
 
32445
33761
  .pf-v6-c-wizard {
32446
33762
  position: relative;
@@ -32576,13 +33892,14 @@ label.pf-v6-c-tree-view__node-text {
32576
33892
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
32577
33893
  }
32578
33894
 
32579
- .pf-v6-c-wizard__toggle-separator {
32580
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
32581
- }
32582
33895
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
32583
33896
  scale: -1 1;
32584
33897
  }
32585
33898
 
33899
+ .pf-v6-c-wizard__toggle-separator {
33900
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33901
+ }
33902
+
32586
33903
  .pf-v6-c-wizard__toggle-icon {
32587
33904
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
32588
33905
  }
@@ -32590,8 +33907,8 @@ label.pf-v6-c-tree-view__node-text {
32590
33907
  .pf-v6-c-wizard__outer-wrap {
32591
33908
  position: relative;
32592
33909
  display: flex;
32593
- flex-direction: column;
32594
33910
  flex-grow: 1;
33911
+ flex-direction: column;
32595
33912
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
32596
33913
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
32597
33914
  }
@@ -32604,8 +33921,8 @@ label.pf-v6-c-tree-view__node-text {
32604
33921
  .pf-v6-c-wizard__inner-wrap {
32605
33922
  position: relative;
32606
33923
  display: flex;
32607
- flex-direction: column;
32608
33924
  flex-grow: 1;
33925
+ flex-direction: column;
32609
33926
  min-height: 0;
32610
33927
  }
32611
33928
  @media screen and (min-width: 62rem) {
@@ -32783,6 +34100,10 @@ label.pf-v6-c-tree-view__node-text {
32783
34100
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
32784
34101
  }
32785
34102
 
34103
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
34104
+ scale: -1 1;
34105
+ }
34106
+
32786
34107
  .pf-v6-c-wizard__nav-link-toggle-icon {
32787
34108
  display: inline-block;
32788
34109
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -32790,15 +34111,12 @@ label.pf-v6-c-tree-view__node-text {
32790
34111
  transition-property: transform;
32791
34112
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
32792
34113
  }
32793
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
32794
- scale: -1 1;
32795
- }
32796
34114
 
32797
34115
  .pf-v6-c-wizard__main {
32798
34116
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
32799
34117
  display: flex;
32800
- flex-direction: column;
32801
34118
  flex-grow: 1;
34119
+ flex-direction: column;
32802
34120
  overflow-x: hidden;
32803
34121
  overflow-y: auto;
32804
34122
  word-break: break-word;
@@ -35236,12 +36554,13 @@ label.pf-v6-c-tree-view__node-text {
35236
36554
  display: grid;
35237
36555
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35238
36556
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35239
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35240
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35241
36557
  }
35242
36558
  .pf-v6-l-gallery.pf-m-gutter {
35243
36559
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35244
36560
  }
36561
+ .pf-v6-l-gallery {
36562
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36563
+ }
35245
36564
  @media (min-width: 36rem) {
35246
36565
  .pf-v6-l-gallery {
35247
36566
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -35267,6 +36586,9 @@ label.pf-v6-c-tree-view__node-text {
35267
36586
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
35268
36587
  }
35269
36588
  }
36589
+ .pf-v6-l-gallery {
36590
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36591
+ }
35270
36592
  @media (min-width: 36rem) {
35271
36593
  .pf-v6-l-gallery {
35272
36594
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));