@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
package/patternfly.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  :where(html,
3
2
  body,
4
3
  p,
@@ -119,11 +118,18 @@ pre) {
119
118
  :where(a) {
120
119
  color: var(--pf-t--global--text--color--link--default);
121
120
  text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
121
+ text-decoration-style: var(--pf-t--global--text-decoration--link--style--default);
122
+ text-decoration-color: var(--pf-t--global--text-decoration--color--default);
123
+ text-underline-offset: max(var(--pf-t--global--text-decoration--offset--default), 0.28em);
124
+ transition: ease text-underline-offset 0.3s;
122
125
  }
123
126
 
124
127
  :where(a:hover, a:focus) {
125
128
  color: var(--pf-t--global--text--color--link--hover);
126
129
  text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
130
+ text-decoration-style: var(--pf-t--global--text-decoration--link--style--hover);
131
+ text-decoration-color: var(--pf-t--global--text-decoration--color--hover);
132
+ text-underline-offset: max(var(--pf-t--global--text-decoration--offset--hover), 0.33em);
127
133
  }
128
134
 
129
135
  :where(a,
@@ -196,11 +202,61 @@ button) {
196
202
  --pf-t--global--duration--200: 1ms !important;
197
203
  --pf-t--global--duration--100: 1ms !important;
198
204
  --pf-t--global--duration--50: 1ms !important;
205
+ --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
199
206
  }
200
207
 
208
+ .pf-v6-m-ai-indicator {
209
+ position: relative;
210
+ }
211
+ .pf-v6-m-ai-indicator::before {
212
+ position: absolute;
213
+ inset: 0;
214
+ pointer-events: none;
215
+ content: "";
216
+ background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
217
+ border: var(--pf-t--global--border--width--extra-strong) solid transparent;
218
+ border-radius: inherit;
219
+ mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
220
+ mask-composite: exclude;
221
+ }
222
+
223
+ @property --pf-v6-global--thinking--BoxShadow--Spread {
224
+ syntax: "<length>";
225
+ initial-value: 0;
226
+ inherits: false;
227
+ }
228
+ .pf-v6-m-thinking {
229
+ 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);
230
+ animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
231
+ }
232
+ .pf-v6-m-thinking.pf-m-inset {
233
+ 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);
234
+ }
235
+
236
+ @keyframes pf-v6-global-thinking {
237
+ 50% {
238
+ --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
239
+ }
240
+ }
201
241
  :root {
202
242
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
203
243
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
244
+ --pf-v6-global--thinking--BoxShadow--Spread: 0px;
245
+ --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
246
+ --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
247
+ --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
248
+ --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
249
+ --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
250
+ --pf-v6-global--thinking-active--Animation--Duration: 0;
251
+ }
252
+ @media screen and (prefers-reduced-motion: no-preference) {
253
+ :root {
254
+ --pf-v6-global--thinking-active--Animation--Duration: 2s;
255
+ }
256
+ }
257
+ :root {
258
+ container-type: inline-size;
259
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
204
260
  }
205
261
 
206
262
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -6394,6 +6450,17 @@ button) {
6394
6450
  vertical-align: -0.125em;
6395
6451
  }
6396
6452
 
6453
+ .pf-v6-svg .pf-v6-icon-rh-ui {
6454
+ display: none;
6455
+ }
6456
+
6457
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
6458
+ display: none;
6459
+ }
6460
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
6461
+ display: revert;
6462
+ }
6463
+
6397
6464
  :root {
6398
6465
  --pf-v6-global--inverse--multiplier: 1;
6399
6466
  --pf-t--color--black: #000000;
@@ -6409,6 +6476,7 @@ button) {
6409
6476
  --pf-t--color--gray--20: #e0e0e0;
6410
6477
  --pf-t--color--gray--30: #c7c7c7;
6411
6478
  --pf-t--color--gray--40: #a3a3a3;
6479
+ --pf-t--color--gray--45: #8c8c8c;
6412
6480
  --pf-t--color--gray--50: #707070;
6413
6481
  --pf-t--color--gray--60: #4d4d4d;
6414
6482
  --pf-t--color--gray--70: #383838;
@@ -6439,6 +6507,7 @@ button) {
6439
6507
  --pf-t--color--purple--60: #3d2785;
6440
6508
  --pf-t--color--purple--70: #21134d;
6441
6509
  --pf-t--color--purple--80: #1b0d33;
6510
+ --pf-t--color--red--05: #fef0f0;
6442
6511
  --pf-t--color--red--10: #fce3e3;
6443
6512
  --pf-t--color--red--20: #fbc5c5;
6444
6513
  --pf-t--color--red--30: #f9a8a8;
@@ -6472,9 +6541,14 @@ button) {
6472
6541
  --pf-t--color--yellow--60: #96640f;
6473
6542
  --pf-t--color--yellow--70: #73480b;
6474
6543
  --pf-t--color--yellow--80: #54330b;
6475
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6544
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6476
6545
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6546
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6477
6547
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6548
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
6549
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
6550
+ --pf-t--global--background--opacity--glass--floating: 100%;
6551
+ --pf-t--global--background--opacity--glass--primary: 100%;
6478
6552
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6479
6553
  --pf-t--global--border--radius--0: 0px;
6480
6554
  --pf-t--global--border--radius--100: 4px;
@@ -6502,12 +6576,12 @@ button) {
6502
6576
  --pf-t--global--box-shadow--X--700: 10px;
6503
6577
  --pf-t--global--box-shadow--X--800: 20px;
6504
6578
  --pf-t--global--box-shadow--Y--100: -10px;
6505
- --pf-t--global--box-shadow--Y--200: -4px;
6579
+ --pf-t--global--box-shadow--Y--200: -2px;
6506
6580
  --pf-t--global--box-shadow--Y--300: -1px;
6507
6581
  --pf-t--global--box-shadow--Y--400: 0px;
6508
6582
  --pf-t--global--box-shadow--Y--50: -20px;
6509
6583
  --pf-t--global--box-shadow--Y--500: 1px;
6510
- --pf-t--global--box-shadow--Y--600: 4px;
6584
+ --pf-t--global--box-shadow--Y--600: 2px;
6511
6585
  --pf-t--global--box-shadow--Y--700: 10px;
6512
6586
  --pf-t--global--box-shadow--Y--800: 20px;
6513
6587
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6578,6 +6652,7 @@ button) {
6578
6652
  --pf-t--global--spacer--800: 5rem;
6579
6653
  --pf-t--global--text-decoration--line--100: none;
6580
6654
  --pf-t--global--text-decoration--line--200: underline;
6655
+ --pf-t--global--text-decoration--offset--hover: 5;
6581
6656
  --pf-t--global--text-decoration--style--100: solid;
6582
6657
  --pf-t--global--text-decoration--style--200: dashed;
6583
6658
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6599,12 +6674,14 @@ button) {
6599
6674
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6600
6675
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6601
6676
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6677
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6678
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6602
6679
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6603
6680
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6604
6681
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6605
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6682
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6606
6683
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6607
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6684
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6608
6685
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6609
6686
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6610
6687
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6614,9 +6691,9 @@ button) {
6614
6691
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6615
6692
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6616
6693
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6617
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6694
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6618
6695
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6619
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6696
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6620
6697
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6621
6698
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6622
6699
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6690,9 +6767,17 @@ button) {
6690
6767
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6691
6768
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6692
6769
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6770
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6771
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6772
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6773
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6774
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6775
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6776
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6777
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6693
6778
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6694
6779
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6695
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6780
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6696
6781
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6697
6782
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6698
6783
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6758,7 +6843,7 @@ button) {
6758
6843
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6759
6844
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6760
6845
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6761
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6846
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6762
6847
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6763
6848
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6764
6849
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6843,8 +6928,8 @@ button) {
6843
6928
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6844
6929
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6845
6930
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6846
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6847
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6931
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6932
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6848
6933
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6849
6934
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6850
6935
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6869,8 +6954,12 @@ button) {
6869
6954
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6870
6955
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6871
6956
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6957
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6958
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6959
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6872
6960
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6873
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6961
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6962
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6874
6963
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6875
6964
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6876
6965
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6905,9 +6994,17 @@ button) {
6905
6994
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6906
6995
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6907
6996
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6997
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6998
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6999
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
7000
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
7001
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6908
7002
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6909
7003
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6910
7004
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
7005
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
7006
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
7007
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6911
7008
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6912
7009
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6913
7010
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -7038,7 +7135,10 @@ button) {
7038
7135
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
7039
7136
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
7040
7137
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
7138
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
7041
7139
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
7140
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7141
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7042
7142
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7043
7143
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7044
7144
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7056,6 +7156,9 @@ button) {
7056
7156
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7057
7157
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7058
7158
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7159
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7160
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7161
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7059
7162
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7060
7163
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7061
7164
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -7096,9 +7199,15 @@ button) {
7096
7199
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
7097
7200
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
7098
7201
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7202
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7203
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7204
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7099
7205
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7100
7206
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7101
7207
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7208
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7209
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7210
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7102
7211
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7103
7212
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7104
7213
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7171,9 +7280,15 @@ button) {
7171
7280
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7172
7281
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7173
7282
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7283
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7284
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7285
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7174
7286
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7175
7287
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7176
7288
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7289
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7290
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7291
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7177
7292
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7178
7293
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7179
7294
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7208,7 +7323,20 @@ button) {
7208
7323
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7209
7324
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7210
7325
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7326
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7327
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7328
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7329
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7330
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7211
7331
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7332
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7333
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7334
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7335
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7336
+ --pf-t--global--text-decoration--color--hover: currentcolor;
7337
+ --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
7338
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7339
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7212
7340
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
7213
7341
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
7214
7342
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7314,18 +7442,27 @@ button) {
7314
7442
  var(--pf-t--global--box-shadow--color--lg--directional);
7315
7443
  --pf-t--global--list-style: disc outside;
7316
7444
  --pf-t--temp--dev--tbd: #BC11E0;
7445
+ --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 );
7446
+ --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 );
7317
7447
  }
7318
7448
 
7319
7449
  :root:where(.pf-v6-theme-dark) {
7320
7450
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7451
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
7452
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7453
+ --pf-t--global--background--opacity--glass--floating: 100%;
7454
+ --pf-t--global--background--opacity--glass--primary: 100%;
7321
7455
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7322
7456
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7323
7457
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7458
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7324
7459
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7325
7460
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7326
7461
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7327
7462
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7328
7463
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7464
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7465
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7329
7466
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7330
7467
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7331
7468
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7343,10 +7480,18 @@ button) {
7343
7480
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7344
7481
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7345
7482
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7346
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7483
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7347
7484
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7348
7485
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7349
7486
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7487
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7488
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7489
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7490
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7491
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7492
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7493
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7494
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7350
7495
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7351
7496
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7352
7497
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7434,9 +7579,13 @@ button) {
7434
7579
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7435
7580
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7436
7581
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7582
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7583
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7584
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7437
7585
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7586
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7438
7587
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7439
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7588
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7440
7589
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7441
7590
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7442
7591
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7467,9 +7616,13 @@ button) {
7467
7616
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7468
7617
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7469
7618
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7619
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7470
7620
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7471
7621
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7472
7622
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7623
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7624
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7625
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7473
7626
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7474
7627
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7475
7628
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7546,6 +7699,8 @@ button) {
7546
7699
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7547
7700
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7548
7701
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7702
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7703
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7549
7704
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7550
7705
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7551
7706
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7566,6 +7721,9 @@ button) {
7566
7721
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7567
7722
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7568
7723
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7724
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7725
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7726
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7569
7727
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7570
7728
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7571
7729
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7604,9 +7762,15 @@ button) {
7604
7762
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7605
7763
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7606
7764
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7765
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7766
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7767
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7607
7768
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7608
7769
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7609
7770
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7771
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7772
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7773
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7610
7774
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7611
7775
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7612
7776
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7670,9 +7834,15 @@ button) {
7670
7834
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7671
7835
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7672
7836
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7837
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7838
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7839
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7673
7840
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7674
7841
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7675
7842
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7843
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7844
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7845
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7676
7846
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7677
7847
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7678
7848
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7707,6 +7877,14 @@ button) {
7707
7877
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7708
7878
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7709
7879
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7880
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7881
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7882
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7883
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7884
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7885
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7886
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7887
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7710
7888
  }
7711
7889
 
7712
7890
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8802,6 +8980,226 @@ button) {
8802
8980
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8803
8981
  }
8804
8982
 
8983
+ :root:where(.pf-v6-theme-glass) {
8984
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8985
+ --pf-t--global--background--opacity--glass--primary: 80%;
8986
+ }
8987
+
8988
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8989
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8990
+ --pf-t--global--background--opacity--glass--primary: 80%;
8991
+ }
8992
+
8993
+ :root:where(.pf-v6-theme-redhat) {
8994
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8995
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8996
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8997
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8998
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8999
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9000
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9001
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9002
+ }
9003
+
9004
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
9005
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9006
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9007
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9008
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9009
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9010
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9011
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9012
+ }
9013
+
9014
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
9015
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
9016
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
9017
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
9018
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
9019
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
9020
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
9021
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9022
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9023
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9024
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
9025
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
9026
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
9027
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
9028
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
9029
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
9030
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
9031
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
9032
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
9033
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
9034
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
9035
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
9036
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
9037
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
9038
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
9039
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
9040
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
9041
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
9042
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
9043
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
9044
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
9045
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
9046
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
9047
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
9048
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
9049
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
9050
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
9051
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
9052
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
9053
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
9054
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
9055
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
9056
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
9057
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
9058
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
9059
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9060
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9061
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9062
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
9063
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
9064
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
9065
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
9066
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
9067
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
9068
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
9069
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
9070
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
9071
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
9072
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
9073
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
9074
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
9075
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
9076
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
9077
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
9078
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
9079
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
9080
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
9081
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
9082
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
9083
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
9084
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
9085
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
9086
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
9087
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
9088
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
9089
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
9090
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
9091
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
9092
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9093
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9094
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9095
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
9096
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
9097
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
9098
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
9099
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
9100
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
9101
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
9102
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
9103
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
9104
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
9105
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
9106
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
9107
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9108
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9109
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9110
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
9111
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
9112
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
9113
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
9114
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
9115
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
9116
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
9117
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
9118
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
9119
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
9120
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
9121
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9122
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9123
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9124
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
9125
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9126
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9127
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9128
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9129
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
9130
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
9131
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
9132
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
9133
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
9134
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
9135
+ }
9136
+
9137
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
9138
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9139
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9140
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9141
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
9142
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
9143
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
9144
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
9145
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
9146
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
9147
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
9148
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9149
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9150
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9151
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
9152
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
9153
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
9154
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9155
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
9156
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
9157
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9158
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9159
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9160
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9161
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9162
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9163
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9164
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9165
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9166
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9167
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9168
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9169
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9170
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9171
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9172
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9173
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9174
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9175
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9176
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9177
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9178
+ }
9179
+
9180
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9181
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9182
+ --pf-t--global--background--opacity--glass--primary: 80%;
9183
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9184
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9185
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9186
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9187
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9188
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9189
+ }
9190
+
9191
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9192
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9193
+ --pf-t--global--background--opacity--glass--primary: 80%;
9194
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9195
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9196
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9197
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9198
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9199
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9200
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9201
+ }
9202
+
8805
9203
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8806
9204
  --pf-v6-global--inverse--multiplier: -1;
8807
9205
  }
@@ -8825,31 +9223,6 @@ button) {
8825
9223
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8826
9224
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8827
9225
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8828
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8829
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8830
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8831
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8832
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8833
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8834
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8835
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8836
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8837
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8838
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8839
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8840
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8841
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8842
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8843
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8844
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8845
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8846
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8847
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8848
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8849
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8850
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8851
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8852
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8853
9226
  }
8854
9227
  @media screen and (min-width: 36rem) {
8855
9228
  .pf-v6-c-about-modal-box {
@@ -8858,6 +9231,14 @@ button) {
8858
9231
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8859
9232
  }
8860
9233
  }
9234
+ .pf-v6-c-about-modal-box {
9235
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9236
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9237
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9238
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9239
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9240
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9241
+ }
8861
9242
  @media only screen and (min-width: 36rem) {
8862
9243
  .pf-v6-c-about-modal-box {
8863
9244
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8868,17 +9249,42 @@ button) {
8868
9249
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8869
9250
  }
8870
9251
  }
9252
+ .pf-v6-c-about-modal-box {
9253
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9254
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9255
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9256
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9257
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9258
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9259
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9260
+ }
8871
9261
  @media only screen and (min-width: 36rem) {
8872
9262
  .pf-v6-c-about-modal-box {
8873
9263
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8874
9264
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8875
9265
  }
8876
9266
  }
9267
+ .pf-v6-c-about-modal-box {
9268
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9269
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9270
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9271
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9272
+ }
8877
9273
  @media only screen and (min-width: 36rem) {
8878
9274
  .pf-v6-c-about-modal-box {
8879
9275
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8880
9276
  }
8881
9277
  }
9278
+ .pf-v6-c-about-modal-box {
9279
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9280
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9281
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9282
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9283
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9284
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9285
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9286
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9287
+ }
8882
9288
  @media only screen and (min-width: 36rem) {
8883
9289
  .pf-v6-c-about-modal-box {
8884
9290
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8902,7 +9308,6 @@ button) {
8902
9308
  background-repeat: no-repeat;
8903
9309
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8904
9310
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8905
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8906
9311
  }
8907
9312
  @media only screen and (min-width: 36rem) {
8908
9313
  .pf-v6-c-about-modal-box {
@@ -8918,6 +9323,9 @@ button) {
8918
9323
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8919
9324
  }
8920
9325
  }
9326
+ .pf-v6-c-about-modal-box {
9327
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9328
+ }
8921
9329
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8922
9330
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8923
9331
  }
@@ -9025,7 +9433,7 @@ button) {
9025
9433
  --pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
9026
9434
  --pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
9027
9435
  --pf-v6-c-accordion__toggle-icon--Rotate: 0;
9028
- --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
9436
+ --pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
9029
9437
  --pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
9030
9438
  --pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
9031
9439
  --pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -9058,6 +9466,18 @@ button) {
9058
9466
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
9059
9467
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
9060
9468
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9469
+ }
9470
+ @media screen and (prefers-reduced-motion: no-preference) {
9471
+ .pf-v6-c-accordion {
9472
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9473
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9474
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9475
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9476
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9477
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9478
+ }
9479
+ }
9480
+ .pf-v6-c-accordion {
9061
9481
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9062
9482
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9063
9483
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -9083,16 +9503,6 @@ button) {
9083
9503
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9084
9504
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9085
9505
  }
9086
- @media screen and (prefers-reduced-motion: no-preference) {
9087
- .pf-v6-c-accordion {
9088
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9089
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9090
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9091
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9092
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9093
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9094
- }
9095
- }
9096
9506
 
9097
9507
  .pf-v6-c-accordion {
9098
9508
  display: flex;
@@ -9203,13 +9613,14 @@ button) {
9203
9613
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9204
9614
  }
9205
9615
 
9616
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9617
+ scale: -1 1;
9618
+ }
9619
+
9206
9620
  .pf-v6-c-accordion__toggle-icon {
9207
9621
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9208
9622
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9209
9623
  }
9210
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9211
- scale: -1 1;
9212
- }
9213
9624
 
9214
9625
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9215
9626
  display: revert;
@@ -9254,6 +9665,7 @@ button) {
9254
9665
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
9255
9666
  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
9256
9667
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9668
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9257
9669
  }
9258
9670
 
9259
9671
  .pf-v6-c-action-list,
@@ -9268,6 +9680,7 @@ button) {
9268
9680
  }
9269
9681
  .pf-v6-c-action-list.pf-m-icons {
9270
9682
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9683
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
9271
9684
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9272
9685
  }
9273
9686
  .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
@@ -9354,7 +9767,7 @@ button) {
9354
9767
  ". . description description"
9355
9768
  ". . actiongroup actiongroup";
9356
9769
  --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
9357
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
9770
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
9358
9771
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
9359
9772
  }
9360
9773
 
@@ -9427,20 +9840,22 @@ button) {
9427
9840
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9428
9841
  }
9429
9842
 
9843
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9844
+ scale: -1 1;
9845
+ }
9846
+
9430
9847
  .pf-v6-c-alert__toggle-icon {
9431
9848
  display: inline-block;
9432
9849
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9433
9850
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9434
9851
  }
9435
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9436
- scale: -1 1;
9437
- }
9438
9852
 
9439
9853
  .pf-v6-c-alert__icon {
9440
9854
  grid-area: icon;
9441
9855
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9442
9856
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9443
9857
  color: var(--pf-v6-c-alert__icon--Color);
9858
+ scale: 1.14;
9444
9859
  }
9445
9860
 
9446
9861
  .pf-v6-c-alert__title {
@@ -9451,9 +9866,9 @@ button) {
9451
9866
  }
9452
9867
  .pf-v6-c-alert__title.pf-m-truncate {
9453
9868
  display: -webkit-box;
9869
+ overflow: hidden;
9454
9870
  -webkit-box-orient: vertical;
9455
9871
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9456
- overflow: hidden;
9457
9872
  }
9458
9873
 
9459
9874
  .pf-v6-c-alert__description {
@@ -9690,7 +10105,6 @@ button) {
9690
10105
  }
9691
10106
  .pf-v6-c-avatar.pf-m-sm {
9692
10107
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9693
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9694
10108
  }
9695
10109
  @media (min-width: 36rem) {
9696
10110
  .pf-v6-c-avatar.pf-m-sm {
@@ -9717,6 +10131,9 @@ button) {
9717
10131
  --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))))));
9718
10132
  }
9719
10133
  }
10134
+ .pf-v6-c-avatar.pf-m-sm {
10135
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
10136
+ }
9720
10137
  @media (min-width: 36rem) {
9721
10138
  .pf-v6-c-avatar.pf-m-sm {
9722
10139
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9744,7 +10161,6 @@ button) {
9744
10161
  }
9745
10162
  .pf-v6-c-avatar.pf-m-md {
9746
10163
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9747
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9748
10164
  }
9749
10165
  @media (min-width: 36rem) {
9750
10166
  .pf-v6-c-avatar.pf-m-md {
@@ -9771,6 +10187,9 @@ button) {
9771
10187
  --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))))));
9772
10188
  }
9773
10189
  }
10190
+ .pf-v6-c-avatar.pf-m-md {
10191
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10192
+ }
9774
10193
  @media (min-width: 36rem) {
9775
10194
  .pf-v6-c-avatar.pf-m-md {
9776
10195
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9798,7 +10217,6 @@ button) {
9798
10217
  }
9799
10218
  .pf-v6-c-avatar.pf-m-lg {
9800
10219
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9801
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9802
10220
  }
9803
10221
  @media (min-width: 36rem) {
9804
10222
  .pf-v6-c-avatar.pf-m-lg {
@@ -9825,6 +10243,9 @@ button) {
9825
10243
  --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))))));
9826
10244
  }
9827
10245
  }
10246
+ .pf-v6-c-avatar.pf-m-lg {
10247
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10248
+ }
9828
10249
  @media (min-width: 36rem) {
9829
10250
  .pf-v6-c-avatar.pf-m-lg {
9830
10251
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9852,7 +10273,6 @@ button) {
9852
10273
  }
9853
10274
  .pf-v6-c-avatar.pf-m-xl {
9854
10275
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9855
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9856
10276
  }
9857
10277
  @media (min-width: 36rem) {
9858
10278
  .pf-v6-c-avatar.pf-m-xl {
@@ -9879,6 +10299,9 @@ button) {
9879
10299
  --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))))));
9880
10300
  }
9881
10301
  }
10302
+ .pf-v6-c-avatar.pf-m-xl {
10303
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10304
+ }
9882
10305
  @media (min-width: 36rem) {
9883
10306
  .pf-v6-c-avatar.pf-m-xl {
9884
10307
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9936,6 +10359,12 @@ button) {
9936
10359
 
9937
10360
  .pf-v6-c-background-image {
9938
10361
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10362
+ }
10363
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10364
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10365
+ }
10366
+
10367
+ .pf-v6-c-background-image {
9939
10368
  position: fixed;
9940
10369
  inset-block-start: 0;
9941
10370
  inset-inline-start: 0;
@@ -9948,9 +10377,6 @@ button) {
9948
10377
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9949
10378
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9950
10379
  }
9951
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9952
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9953
- }
9954
10380
 
9955
10381
  .pf-v6-c-back-to-top {
9956
10382
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -10068,6 +10494,14 @@ button) {
10068
10494
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10069
10495
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10070
10496
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10497
+ }
10498
+ @media (min-width: 48rem) {
10499
+ .pf-v6-c-banner {
10500
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10501
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10502
+ }
10503
+ }
10504
+ .pf-v6-c-banner {
10071
10505
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10072
10506
  --pf-v6-c-banner--link--TextDecoration: underline;
10073
10507
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -10101,12 +10535,6 @@ button) {
10101
10535
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10102
10536
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10103
10537
  }
10104
- @media (min-width: 48rem) {
10105
- .pf-v6-c-banner {
10106
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10107
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10108
- }
10109
- }
10110
10538
 
10111
10539
  .pf-v6-c-banner {
10112
10540
  flex-shrink: 0;
@@ -10209,7 +10637,6 @@ button) {
10209
10637
  width: var(--pf-v6-c-brand--Width--base);
10210
10638
  height: var(--pf-v6-c-brand--Height--base);
10211
10639
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10212
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10213
10640
  }
10214
10641
  @media (min-width: 36rem) {
10215
10642
  .pf-v6-c-brand {
@@ -10236,6 +10663,9 @@ button) {
10236
10663
  --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))))));
10237
10664
  }
10238
10665
  }
10666
+ .pf-v6-c-brand {
10667
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10668
+ }
10239
10669
  @media (min-width: 36rem) {
10240
10670
  .pf-v6-c-brand {
10241
10671
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10316,15 +10746,16 @@ button) {
10316
10746
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10317
10747
  }
10318
10748
 
10749
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10750
+ scale: -1 1;
10751
+ }
10752
+
10319
10753
  .pf-v6-c-breadcrumb__item-divider {
10320
10754
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10321
10755
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10322
10756
  line-height: 1;
10323
10757
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10324
10758
  }
10325
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10326
- scale: -1 1;
10327
- }
10328
10759
 
10329
10760
  .pf-v6-c-breadcrumb__link {
10330
10761
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10409,11 +10840,16 @@ button.pf-v6-c-breadcrumb__link {
10409
10840
  --pf-v6-c-button--hover--TextDecorationLine: none;
10410
10841
  --pf-v6-c-button--hover--TextDecorationStyle: none;
10411
10842
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
10843
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10412
10844
  --pf-v6-c-button--hover--ScaleX: 1;
10413
10845
  --pf-v6-c-button--hover--ScaleY: 1;
10414
10846
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10415
10847
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
10416
10848
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10849
+ --pf-v6-c-button--m-clicked--TextDecorationLine: none;
10850
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: none;
10851
+ --pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
10852
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10417
10853
  --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
10418
10854
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
10419
10855
  --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -10452,7 +10888,7 @@ button.pf-v6-c-breadcrumb__link {
10452
10888
  --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
10453
10889
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
10454
10890
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10455
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
10891
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10456
10892
  --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10457
10893
  --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10458
10894
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
@@ -10490,10 +10926,17 @@ button.pf-v6-c-breadcrumb__link {
10490
10926
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
10491
10927
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
10492
10928
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
10929
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10493
10930
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10494
10931
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10932
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10933
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10495
10934
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10496
10935
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10936
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10937
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
10938
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
10939
+ --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);
10497
10940
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
10498
10941
  --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));
10499
10942
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10503,11 +10946,9 @@ button.pf-v6-c-breadcrumb__link {
10503
10946
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
10504
10947
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
10505
10948
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10506
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
10507
10949
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10508
10950
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10509
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
10510
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10951
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10511
10952
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10512
10953
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10513
10954
  --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -10541,12 +10982,12 @@ button.pf-v6-c-breadcrumb__link {
10541
10982
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
10542
10983
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
10543
10984
  --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
10544
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
10985
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
10545
10986
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
10546
10987
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
10547
10988
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
10548
10989
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
10549
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
10990
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
10550
10991
  --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
10551
10992
  --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
10552
10993
  --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
@@ -10613,7 +11054,37 @@ button.pf-v6-c-breadcrumb__link {
10613
11054
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
10614
11055
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
10615
11056
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
10616
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
11057
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11058
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
11059
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11060
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11061
+ --pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11062
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
11063
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11064
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11065
+ --pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11066
+ --pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
11067
+ --pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
11068
+ --pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
11069
+ --pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
11070
+ --pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
11071
+ --pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
11072
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
11073
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
11074
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
11075
+ --pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
11076
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
11077
+ --pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
11078
+ --pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
11079
+ --pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
11080
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
11081
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
11082
+ --pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
11083
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
11084
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
11085
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
11086
+ --pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
11087
+ --pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
10617
11088
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10618
11089
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
10619
11090
  --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -10692,6 +11163,14 @@ button.pf-v6-c-breadcrumb__link {
10692
11163
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
10693
11164
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
10694
11165
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
11166
+ --pf-v6-c-button--m-circle--ScaleX: 1.29;
11167
+ --pf-v6-c-button--m-circle--ScaleY: 1.29;
11168
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
11169
+ --pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
11170
+ --pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
11171
+ --pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
11172
+ --pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
11173
+ --pf-v6-c-button--m-circle--PaddingInlineStart: 0;
10695
11174
  }
10696
11175
 
10697
11176
  .pf-v6-c-button {
@@ -10813,6 +11292,12 @@ button.pf-v6-c-breadcrumb__link {
10813
11292
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10814
11293
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10815
11294
  }
11295
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11296
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11297
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11298
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11299
+ }
11300
+
10816
11301
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10817
11302
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10818
11303
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10823,12 +11308,13 @@ button.pf-v6-c-breadcrumb__link {
10823
11308
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
10824
11309
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
10825
11310
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
11311
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
11312
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
11313
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
10826
11314
  --pf-v6-c-button--BackgroundColor: transparent;
10827
11315
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
10828
11316
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
10829
11317
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
10830
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
10831
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10832
11318
  --pf-v6-c-button--hover--BackgroundColor: transparent;
10833
11319
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10834
11320
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -10837,23 +11323,24 @@ button.pf-v6-c-breadcrumb__link {
10837
11323
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
10838
11324
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
10839
11325
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
11326
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11327
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10840
11328
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11329
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10841
11330
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
10842
11331
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
10843
11332
  --pf-v6-c-button--BorderWidth: 0;
10844
11333
  --pf-v6-c-button--hover--BorderWidth: 0;
10845
11334
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
10846
11335
  text-align: start;
11336
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10847
11337
  white-space: normal;
10848
11338
  background: transparent;
10849
11339
  outline-offset: 0.125rem;
10850
11340
  }
10851
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10852
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10853
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10854
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11341
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11342
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10855
11343
  }
10856
-
10857
11344
  .pf-v6-c-button.pf-m-link.pf-m-danger {
10858
11345
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
10859
11346
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11004,6 +11491,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11004
11491
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
11005
11492
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
11006
11493
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
11494
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
11495
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
11496
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
11497
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
11498
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
11499
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
11500
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
11501
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
11502
+ --pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
11503
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
11504
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
11505
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
11506
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
11507
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
11508
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
11509
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
11510
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
11511
+ --pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
11512
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
11513
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
11514
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
11515
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
11516
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
11517
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
11518
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
11519
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
11520
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
11521
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
11522
+ }
11523
+ .pf-v6-c-button.pf-m-display-lg.pf-m-primary {
11524
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
11525
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
11007
11526
  }
11008
11527
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
11009
11528
  display: grid;
@@ -11059,6 +11578,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11059
11578
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
11060
11579
  --pf-v6-c-button--hover__icon--ScaleX: 1;
11061
11580
  }
11581
+ .pf-v6-c-button.pf-m-circle {
11582
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
11583
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
11584
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
11585
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
11586
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
11587
+ }
11588
+ .pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
11589
+ scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
11590
+ }
11062
11591
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
11063
11592
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
11064
11593
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -11077,6 +11606,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11077
11606
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
11078
11607
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
11079
11608
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
11609
+ text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
11080
11610
  outline-offset: var(--pf-t--global--focus-ring--position--offset);
11081
11611
  }
11082
11612
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
@@ -11085,6 +11615,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11085
11615
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
11086
11616
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
11087
11617
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
11618
+ text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
11619
+ text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
11620
+ text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
11621
+ text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
11088
11622
  }
11089
11623
  .pf-v6-c-button:active {
11090
11624
  background-size: 100% 100%;
@@ -11313,13 +11847,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11313
11847
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11314
11848
  }
11315
11849
 
11850
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11851
+ scale: -1 1;
11852
+ }
11853
+
11316
11854
  .pf-v6-c-calendar-month__header-nav-control {
11317
11855
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11318
11856
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11319
11857
  }
11320
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11321
- scale: -1 1;
11322
- }
11323
11858
 
11324
11859
  .pf-v6-c-calendar-month__header-month {
11325
11860
  flex-grow: 1;
@@ -11494,7 +12029,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11494
12029
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
11495
12030
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11496
12031
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11497
- --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
12032
+ --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: -180deg;
11498
12033
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
11499
12034
  --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
11500
12035
  --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
@@ -11596,6 +12131,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11596
12131
  .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 {
11597
12132
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11598
12133
  }
12134
+ .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) {
12135
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
12136
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
12137
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
12138
+ }
12139
+
11599
12140
  .pf-v6-c-card.pf-m-compact {
11600
12141
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11601
12142
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
@@ -11663,12 +12204,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11663
12204
  flex-wrap: wrap;
11664
12205
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11665
12206
  }
11666
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11667
- margin-inline-start: 0;
11668
- }
11669
12207
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11670
12208
  margin-inline-end: auto;
11671
12209
  }
12210
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
12211
+ margin-inline-start: 0;
12212
+ }
11672
12213
 
11673
12214
  .pf-v6-c-card__header-main {
11674
12215
  flex-grow: 1;
@@ -11682,15 +12223,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11682
12223
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11683
12224
  }
11684
12225
 
12226
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
12227
+ scale: -1 1;
12228
+ }
12229
+
11685
12230
  .pf-v6-c-card__header-toggle-icon {
11686
12231
  display: inline-block;
11687
12232
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11688
12233
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11689
12234
  transition-property: transform;
11690
12235
  }
11691
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11692
- scale: -1 1;
11693
- }
11694
12236
 
11695
12237
  .pf-v6-c-card__title-text {
11696
12238
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11701,6 +12243,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11701
12243
  overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
11702
12244
  }
11703
12245
 
12246
+ .pf-v6-c-card__subtitle {
12247
+ padding-block-start: var(--pf-t--global--spacer--sm);
12248
+ font-size: var(--pf-t--global--font--size--body--sm);
12249
+ color: var(--pf-t--global--text--color--subtle);
12250
+ }
12251
+
11704
12252
  .pf-v6-c-card__actions {
11705
12253
  display: flex;
11706
12254
  gap: var(--pf-v6-c-card__actions--Gap);
@@ -11902,7 +12450,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11902
12450
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
11903
12451
  --pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
11904
12452
  --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);
11905
- --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
12453
+ --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: -180deg;
11906
12454
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
11907
12455
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
11908
12456
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -11913,8 +12461,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11913
12461
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
11914
12462
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
11915
12463
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
11916
- --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
11917
- --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
12464
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
12465
+ --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
11918
12466
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
11919
12467
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
11920
12468
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
@@ -11950,13 +12498,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11950
12498
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11951
12499
  }
11952
12500
 
11953
- .pf-v6-c-clipboard-copy__toggle-icon {
11954
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11955
- }
11956
12501
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11957
12502
  scale: -1 1;
11958
12503
  }
11959
12504
 
12505
+ .pf-v6-c-clipboard-copy__toggle-icon {
12506
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12507
+ }
12508
+
11960
12509
  .pf-v6-c-clipboard-copy__expandable-content {
11961
12510
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11962
12511
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -12127,8 +12676,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12127
12676
 
12128
12677
  .pf-v6-c-code-editor__container {
12129
12678
  display: flex;
12130
- flex-direction: column;
12131
12679
  flex-grow: 1;
12680
+ flex-direction: column;
12132
12681
  }
12133
12682
 
12134
12683
  .pf-v6-c-code-editor__header {
@@ -12270,6 +12819,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12270
12819
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
12271
12820
  }
12272
12821
 
12822
+ .pf-v6-c-compass {
12823
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
12824
+ --pf-v6-c-compass--BackgroundImage--light: none;
12825
+ --pf-v6-c-compass--BackgroundImage--dark: none;
12826
+ --pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
12827
+ --pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
12828
+ --pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12829
+ --pf-v6-c-compass__nav--PaddingBlockStart: 0;
12830
+ --pf-v6-c-compass__nav--PaddingBlockEnd: 0;
12831
+ --pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12832
+ --pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12833
+ --pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12834
+ --pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12835
+ --pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12836
+ --pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12837
+ --pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12838
+ --pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12839
+ --pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
12840
+ --pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
12841
+ --pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
12842
+ --pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
12843
+ --pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
12844
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
12845
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
12846
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
12847
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
12848
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
12849
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
12850
+ --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
12851
+ --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
12852
+ --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
12853
+ --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
12854
+ --pf-v6-c-compass__message-bar--Width: 450px;
12855
+ --pf-v6-c-compass__message-bar--MinWidth: 300px;
12856
+ --pf-v6-c-compass__message-bar--MaxWidth: 600px;
12857
+ --pf-v6-c-compass--section--slide--length--header: 100%;
12858
+ --pf-v6-c-compass--section--slide--length--sidebar: 100%;
12859
+ --pf-v6-c-compass--section--slide--length--main-footer: 100%;
12860
+ --pf-v6-c-compass--section--slide--length--footer: 100%;
12861
+ --pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
12862
+ --pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12863
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
12864
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12865
+ --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);
12866
+ --pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
12867
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
12868
+ --pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
12869
+ }
12870
+ @media screen and (prefers-reduced-motion: no-preference) {
12871
+ .pf-v6-c-compass {
12872
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12873
+ --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);
12874
+ --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;
12875
+ }
12876
+ .pf-v6-c-compass.pf-m-animate-smoothly {
12877
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12878
+ --pf-v6-c-compass--section--slide--length--header: 10rem;
12879
+ --pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
12880
+ --pf-v6-c-compass--section--slide--length--main-footer: 6rem;
12881
+ --pf-v6-c-compass--section--slide--length--footer: 6rem;
12882
+ --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);
12883
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12884
+ --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);
12885
+ }
12886
+ }
12887
+
12888
+ .pf-v6-c-compass {
12889
+ interpolate-size: allow-keywords;
12890
+ display: grid;
12891
+ grid-template-areas: "header header header" "sidebar-start main sidebar-end";
12892
+ grid-template-rows: auto 1fr;
12893
+ grid-template-columns: auto 1fr auto;
12894
+ grid-auto-rows: auto;
12895
+ align-items: center;
12896
+ justify-content: center;
12897
+ height: 100dvh;
12898
+ padding: var(--pf-v6-c-compass--Padding);
12899
+ overflow: hidden;
12900
+ background-image: var(--pf-v6-c-compass--BackgroundImage);
12901
+ background-size: cover;
12902
+ }
12903
+ .pf-v6-c-compass.pf-m-dock {
12904
+ grid-template-areas: "dock main";
12905
+ grid-template-rows: auto;
12906
+ grid-template-columns: auto 1fr;
12907
+ align-items: stretch;
12908
+ padding: 0;
12909
+ }
12910
+ .pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
12911
+ padding: var(--pf-v6-c-compass--Padding);
12912
+ }
12913
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
12914
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
12915
+ }
12916
+ .pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
12917
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12918
+ }
12919
+
12920
+ .pf-v6-c-compass__header,
12921
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
12922
+ .pf-v6-c-compass__main-footer,
12923
+ .pf-v6-c-compass__footer {
12924
+ margin: 0;
12925
+ visibility: hidden;
12926
+ opacity: 0;
12927
+ transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
12928
+ transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
12929
+ transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
12930
+ transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
12931
+ }
12932
+ .pf-v6-c-compass__header.pf-m-expanded,
12933
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
12934
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12935
+ .pf-v6-c-compass__footer.pf-m-expanded {
12936
+ --pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
12937
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
12938
+ visibility: visible;
12939
+ opacity: 1;
12940
+ translate: 0;
12941
+ }
12942
+
12943
+ .pf-v6-c-compass__header,
12944
+ .pf-v6-c-compass__main-footer,
12945
+ .pf-v6-c-compass__footer {
12946
+ height: 0;
12947
+ }
12948
+ .pf-v6-c-compass__header.pf-m-expanded,
12949
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12950
+ .pf-v6-c-compass__footer.pf-m-expanded {
12951
+ height: auto;
12952
+ }
12953
+
12954
+ .pf-v6-c-compass__header {
12955
+ display: grid;
12956
+ grid-area: header;
12957
+ grid-template-columns: 1fr auto 1fr;
12958
+ align-items: start;
12959
+ translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
12960
+ }
12961
+ .pf-v6-c-compass__header.pf-m-expanded {
12962
+ margin-block-end: var(--pf-v6-c-compass--Gap);
12963
+ }
12964
+
12965
+ .pf-v6-c-compass__profile {
12966
+ justify-self: end;
12967
+ }
12968
+ .pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
12969
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
12970
+ }
12971
+
12972
+ .pf-v6-c-compass__nav {
12973
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
12974
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
12975
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
12976
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
12977
+ display: flex;
12978
+ flex-direction: column;
12979
+ gap: var(--pf-v6-c-compass__nav--RowGap);
12980
+ align-items: center;
12981
+ justify-self: stretch;
12982
+ }
12983
+
12984
+ .pf-v6-c-compass__nav-content {
12985
+ display: flex;
12986
+ align-items: center;
12987
+ }
12988
+
12989
+ .pf-v6-c-compass__nav-main {
12990
+ padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
12991
+ padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
12992
+ }
12993
+
12994
+ .pf-v6-c-compass__sidebar {
12995
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
12996
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
12997
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
12998
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
12999
+ display: flex;
13000
+ width: 0;
13001
+ }
13002
+ .pf-v6-c-compass__sidebar.pf-m-expanded {
13003
+ width: auto;
13004
+ }
13005
+ .pf-v6-c-compass__sidebar.pf-m-start {
13006
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
13007
+ }
13008
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
13009
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
13010
+ }
13011
+
13012
+ .pf-v6-c-compass__sidebar.pf-m-start {
13013
+ grid-area: sidebar-start;
13014
+ }
13015
+ .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
13016
+ margin-inline-end: var(--pf-v6-c-compass--Gap);
13017
+ }
13018
+ .pf-v6-c-compass__sidebar.pf-m-end {
13019
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
13020
+ }
13021
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
13022
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
13023
+ }
13024
+
13025
+ .pf-v6-c-compass__sidebar.pf-m-end {
13026
+ grid-area: sidebar-end;
13027
+ }
13028
+ .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
13029
+ margin-inline-start: var(--pf-v6-c-compass--Gap);
13030
+ }
13031
+
13032
+ .pf-v6-c-compass__main {
13033
+ display: flex;
13034
+ flex-direction: column;
13035
+ grid-area: main;
13036
+ gap: var(--pf-v6-c-compass__main--RowGap);
13037
+ align-self: stretch;
13038
+ min-height: 0;
13039
+ }
13040
+
13041
+ .pf-v6-c-compass__main-header-content {
13042
+ display: flex;
13043
+ gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
13044
+ }
13045
+
13046
+ .pf-v6-c-compass__main-header-title {
13047
+ flex-grow: 1;
13048
+ }
13049
+
13050
+ .pf-v6-c-compass__content {
13051
+ display: flex;
13052
+ flex: 1 0 0;
13053
+ flex-direction: column;
13054
+ min-height: 0;
13055
+ overflow: auto;
13056
+ }
13057
+ .pf-v6-c-compass__content > *:last-child {
13058
+ flex-grow: 1;
13059
+ max-height: 100%;
13060
+ }
13061
+
13062
+ .pf-v6-c-compass__main-footer {
13063
+ display: flex;
13064
+ justify-content: center;
13065
+ min-height: 0;
13066
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
13067
+ }
13068
+ .pf-v6-c-compass__main-footer.pf-m-expanded {
13069
+ margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
13070
+ }
13071
+
13072
+ .pf-v6-c-compass__footer {
13073
+ display: flex;
13074
+ grid-column: 1/-1;
13075
+ justify-content: center;
13076
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
13077
+ }
13078
+ .pf-v6-c-compass__footer.pf-m-expanded {
13079
+ margin-block-start: var(--pf-v6-c-compass--Gap);
13080
+ }
13081
+
13082
+ .pf-v6-c-compass__message-bar {
13083
+ width: var(--pf-v6-c-compass__message-bar--Width);
13084
+ min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
13085
+ max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
13086
+ }
13087
+
13088
+ .pf-v6-c-compass__panel {
13089
+ padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
13090
+ padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
13091
+ padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
13092
+ padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
13093
+ background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
13094
+ backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
13095
+ border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
13096
+ border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
13097
+ box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
13098
+ }
13099
+ .pf-v6-c-compass__panel.pf-m-no-border {
13100
+ border-width: 0;
13101
+ }
13102
+ .pf-v6-c-compass__panel.pf-m-no-padding {
13103
+ padding: 0;
13104
+ }
13105
+ .pf-v6-c-compass__panel.pf-m-full-height {
13106
+ height: 100%;
13107
+ }
13108
+ .pf-v6-c-compass__panel.pf-m-pill {
13109
+ border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
13110
+ }
13111
+ .pf-v6-c-compass__panel.pf-m-scrollable {
13112
+ overflow: auto;
13113
+ }
13114
+
13115
+ /* stylelint-disable */
13116
+ @media (max-width: 1200px) {
13117
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) {
13118
+ position: relative;
13119
+ display: grid;
13120
+ grid-template-columns: auto;
13121
+ grid-template-rows: auto;
13122
+ place-content: center;
13123
+ gap: 0;
13124
+ }
13125
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
13126
+ padding: 1em;
13127
+ border-radius: var(--pf-t--global--border--radius--large);
13128
+ background: var(--pf-t--global--background--color--primary--default);
13129
+ content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
13130
+ width: 80%;
13131
+ width: 300px;
13132
+ border: 1px solid var(--pf-t--global--border--color--default);
13133
+ box-shadow: var(--pf-t--global--box-shadow--md);
13134
+ white-space: pre-wrap;
13135
+ text-align: center;
13136
+ }
13137
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
13138
+ display: none;
13139
+ }
13140
+ }
13141
+ /* stylelint-enable */
12273
13142
  :root {
12274
13143
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
12275
13144
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12964,7 +13833,16 @@ ul) {
12964
13833
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
12965
13834
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12966
13835
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
12967
- --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
13836
+ }
13837
+ @media screen and (min-width: 36rem) {
13838
+ .pf-v6-c-data-list {
13839
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13840
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13841
+ }
13842
+ }
13843
+ .pf-v6-c-data-list {
13844
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13845
+ --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
12968
13846
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
12969
13847
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
12970
13848
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -12972,6 +13850,14 @@ ul) {
12972
13850
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
12973
13851
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12974
13852
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13853
+ }
13854
+ @media screen and (min-width: 36rem) {
13855
+ .pf-v6-c-data-list {
13856
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13857
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13858
+ }
13859
+ }
13860
+ .pf-v6-c-data-list {
12975
13861
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12976
13862
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
12977
13863
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -12999,7 +13885,7 @@ ul) {
12999
13885
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13000
13886
  --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);
13001
13887
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
13002
- --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
13888
+ --pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: -180deg;
13003
13889
  --pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
13004
13890
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
13005
13891
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13067,18 +13953,6 @@ ul) {
13067
13953
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13068
13954
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13069
13955
  }
13070
- @media screen and (min-width: 36rem) {
13071
- .pf-v6-c-data-list {
13072
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13073
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13074
- }
13075
- }
13076
- @media screen and (min-width: 36rem) {
13077
- .pf-v6-c-data-list {
13078
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13079
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13080
- }
13081
- }
13082
13956
 
13083
13957
  .pf-v6-c-data-list {
13084
13958
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -13119,6 +13993,9 @@ ul) {
13119
13993
  .pf-v6-c-data-list.pf-m-drag-over {
13120
13994
  overflow-anchor: none;
13121
13995
  }
13996
+ .pf-v6-c-data-list.pf-m-plain {
13997
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13998
+ }
13122
13999
 
13123
14000
  .pf-v6-c-data-list.pf-m-truncate,
13124
14001
  .pf-v6-c-data-list__item-row.pf-m-truncate,
@@ -13238,12 +14115,6 @@ ul) {
13238
14115
  --pf-v6-hidden-visible--hidden--Display: none;
13239
14116
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13240
14117
  display: var(--pf-v6-hidden-visible--Display);
13241
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13242
- align-content: flex-start;
13243
- align-items: flex-start;
13244
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13245
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13246
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13247
14118
  }
13248
14119
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13249
14120
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13288,6 +14159,14 @@ ul) {
13288
14159
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13289
14160
  }
13290
14161
  }
14162
+ .pf-v6-c-data-list__item-action {
14163
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
14164
+ align-content: flex-start;
14165
+ align-items: flex-start;
14166
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
14167
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
14168
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
14169
+ }
13291
14170
 
13292
14171
  .pf-v6-c-data-list__toggle {
13293
14172
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13295,15 +14174,16 @@ ul) {
13295
14174
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13296
14175
  }
13297
14176
 
14177
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
14178
+ scale: -1 1;
14179
+ }
14180
+
13298
14181
  .pf-v6-c-data-list__toggle-icon {
13299
14182
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13300
14183
  pointer-events: none;
13301
14184
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13302
14185
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13303
14186
  }
13304
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13305
- scale: -1 1;
13306
- }
13307
14187
 
13308
14188
  .pf-v6-c-data-list__item-content {
13309
14189
  display: grid;
@@ -13398,6 +14278,13 @@ ul) {
13398
14278
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13399
14279
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13400
14280
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14281
+ }
14282
+ @media screen and (min-width: 36rem) {
14283
+ .pf-v6-c-description-list {
14284
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14285
+ }
14286
+ }
14287
+ .pf-v6-c-description-list {
13401
14288
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13402
14289
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13403
14290
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13426,11 +14313,6 @@ ul) {
13426
14313
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13427
14314
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13428
14315
  }
13429
- @media screen and (min-width: 36rem) {
13430
- .pf-v6-c-description-list {
13431
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13432
- }
13433
- }
13434
14316
  @media (min-width: 36rem) {
13435
14317
  .pf-v6-c-description-list {
13436
14318
  --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));
@@ -13812,6 +14694,15 @@ ul) {
13812
14694
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
13813
14695
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
13814
14696
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14697
+ }
14698
+ @media screen and (prefers-reduced-motion: no-preference) {
14699
+ .pf-v6-c-dual-list-selector {
14700
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14701
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14702
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14703
+ }
14704
+ }
14705
+ .pf-v6-c-dual-list-selector {
13815
14706
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
13816
14707
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13817
14708
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -13847,19 +14738,12 @@ ul) {
13847
14738
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
13848
14739
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13849
14740
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13850
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14741
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
13851
14742
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
13852
14743
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
13853
14744
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
13854
14745
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
13855
14746
  }
13856
- @media screen and (prefers-reduced-motion: no-preference) {
13857
- .pf-v6-c-dual-list-selector {
13858
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13859
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13860
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
13861
- }
13862
- }
13863
14747
 
13864
14748
  .pf-v6-c-dual-list-selector {
13865
14749
  display: grid;
@@ -13930,8 +14814,6 @@ ul) {
13930
14814
 
13931
14815
  .pf-v6-c-dual-list-selector__list {
13932
14816
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13933
- display: flex;
13934
- flex-direction: column;
13935
14817
  }
13936
14818
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
13937
14819
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -13939,16 +14821,22 @@ ul) {
13939
14821
  }
13940
14822
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13941
14823
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
13942
- position: absolute;
13943
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
13944
14824
  }
13945
14825
  :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 {
13946
14826
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
13947
14827
  }
13948
14828
 
14829
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14830
+ position: absolute;
14831
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14832
+ }
13949
14833
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
13950
14834
  overflow-anchor: none;
13951
14835
  }
14836
+ .pf-v6-c-dual-list-selector__list {
14837
+ display: flex;
14838
+ flex-direction: column;
14839
+ }
13952
14840
 
13953
14841
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
13954
14842
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14233,11 +15121,6 @@ ul) {
14233
15121
  --pf-v6-hidden-visible--hidden--Display: none;
14234
15122
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14235
15123
  display: var(--pf-v6-hidden-visible--Display);
14236
- flex-shrink: 0;
14237
- align-items: stretch;
14238
- align-self: stretch;
14239
- justify-content: center;
14240
- border: 0;
14241
15124
  }
14242
15125
  .pf-v6-c-divider.pf-m-hidden {
14243
15126
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14282,6 +15165,13 @@ ul) {
14282
15165
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14283
15166
  }
14284
15167
  }
15168
+ .pf-v6-c-divider {
15169
+ flex-shrink: 0;
15170
+ align-items: stretch;
15171
+ align-self: stretch;
15172
+ justify-content: center;
15173
+ border: 0;
15174
+ }
14285
15175
  .pf-v6-c-divider::before {
14286
15176
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14287
15177
  content: "";
@@ -14526,6 +15416,7 @@ ul) {
14526
15416
  }
14527
15417
 
14528
15418
  .pf-v6-c-drawer {
15419
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
14529
15420
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14530
15421
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14531
15422
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14556,6 +15447,7 @@ ul) {
14556
15447
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
14557
15448
  --pf-v6-c-drawer__panel--Opacity: 0;
14558
15449
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
15450
+ --pf-v6-c-drawer--m-expanded__panel--inset: 0px;
14559
15451
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
14560
15452
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
14561
15453
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -14571,6 +15463,29 @@ ul) {
14571
15463
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
14572
15464
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
14573
15465
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
15466
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
15467
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
15468
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
15469
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
15470
+ --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
15471
+ --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
15472
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
15473
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
15474
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15475
+ --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15476
+ }
15477
+ @media screen and (prefers-reduced-motion: no-preference) {
15478
+ .pf-v6-c-drawer {
15479
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15480
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15481
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15482
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15483
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15484
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15485
+ --pf-v6-c-drawer__panel--Opacity: 1;
15486
+ }
15487
+ }
15488
+ .pf-v6-c-drawer {
14574
15489
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14575
15490
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14576
15491
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14633,6 +15548,17 @@ ul) {
14633
15548
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14634
15549
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14635
15550
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15551
+ }
15552
+ @media screen and (min-width: 75rem) {
15553
+ .pf-v6-c-drawer {
15554
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15555
+ }
15556
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15557
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15558
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15559
+ }
15560
+ }
15561
+ .pf-v6-c-drawer {
14636
15562
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14637
15563
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14638
15564
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14647,46 +15573,32 @@ ul) {
14647
15573
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14648
15574
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14649
15575
  }
14650
- @media screen and (prefers-reduced-motion: no-preference) {
14651
- .pf-v6-c-drawer {
14652
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14653
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14654
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14655
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14656
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14657
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14658
- --pf-v6-c-drawer__panel--Opacity: 1;
14659
- }
14660
- }
14661
- @media screen and (min-width: 75rem) {
14662
- .pf-v6-c-drawer {
14663
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14664
- }
14665
- .pf-v6-c-drawer.pf-m-panel-bottom {
14666
- --pf-v6-c-drawer__panel--MinWidth: auto;
14667
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14668
- }
14669
- }
14670
15576
 
14671
15577
  .pf-v6-c-drawer {
14672
15578
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14673
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14674
- display: flex;
14675
- flex-direction: column;
14676
- height: 100%;
14677
- overflow-x: hidden;
14678
15579
  }
14679
15580
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14680
15581
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14681
15582
  }
14682
15583
 
15584
+ .pf-v6-c-drawer {
15585
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15586
+ }
14683
15587
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14684
15588
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14685
15589
  }
14686
15590
 
15591
+ .pf-v6-c-drawer {
15592
+ display: flex;
15593
+ flex-direction: column;
15594
+ height: 100%;
15595
+ overflow-x: hidden;
15596
+ }
14687
15597
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
14688
15598
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
14689
15599
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
15600
+ --pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
15601
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
14690
15602
  }
14691
15603
  .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) {
14692
15604
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -14710,19 +15622,21 @@ ul) {
14710
15622
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
14711
15623
  }
14712
15624
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14713
- transform: translateX(-100%);
14714
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
14715
- visibility: visible;
15625
+ transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14716
15626
  }
14717
15627
  :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 {
14718
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
15628
+ transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
14719
15629
  }
14720
15630
 
15631
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15632
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15633
+ visibility: visible;
15634
+ }
14721
15635
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14722
15636
  transform: translateX(0);
14723
15637
  }
14724
15638
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14725
- transform: translate(0, -100%);
15639
+ transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14726
15640
  }
14727
15641
  .pf-v6-c-drawer.pf-m-resizing {
14728
15642
  --pf-v6-c-drawer__panel--TransitionProperty: none;
@@ -14731,6 +15645,26 @@ ul) {
14731
15645
  .pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
14732
15646
  pointer-events: auto;
14733
15647
  }
15648
+ @media screen and (min-width: 48rem) {
15649
+ .pf-v6-c-drawer.pf-m-pill {
15650
+ --pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
15651
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
15652
+ --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
15653
+ --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15654
+ --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15655
+ }
15656
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15657
+ border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
15658
+ border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
15659
+ border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
15660
+ border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
15661
+ }
15662
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
15663
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15664
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15665
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15666
+ }
15667
+ }
14734
15668
 
14735
15669
  .pf-v6-c-drawer__section {
14736
15670
  flex-grow: 0;
@@ -14746,6 +15680,7 @@ ul) {
14746
15680
  .pf-v6-c-drawer__main {
14747
15681
  display: flex;
14748
15682
  flex: 1;
15683
+ gap: var(--pf-v6-c-drawer__main--Gap, 0);
14749
15684
  overflow: hidden;
14750
15685
  }
14751
15686
 
@@ -14753,8 +15688,8 @@ ul) {
14753
15688
  .pf-v6-c-drawer__panel,
14754
15689
  .pf-v6-c-drawer__panel-main {
14755
15690
  display: flex;
14756
- flex-direction: column;
14757
15691
  flex-shrink: 0;
15692
+ flex-direction: column;
14758
15693
  overflow: auto;
14759
15694
  }
14760
15695
 
@@ -14784,6 +15719,8 @@ ul) {
14784
15719
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
14785
15720
  order: 1;
14786
15721
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
15722
+ margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
15723
+ margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
14787
15724
  overflow: auto;
14788
15725
  visibility: hidden;
14789
15726
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
@@ -14792,6 +15729,7 @@ ul) {
14792
15729
  border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
14793
15730
  border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
14794
15731
  border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
15732
+ border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
14795
15733
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
14796
15734
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
14797
15735
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -14979,7 +15917,7 @@ ul) {
14979
15917
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
14980
15918
  }
14981
15919
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14982
- transform: translateX(0);
15920
+ transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
14983
15921
  }
14984
15922
  .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 {
14985
15923
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
@@ -14991,6 +15929,8 @@ ul) {
14991
15929
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
14992
15930
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
14993
15931
  --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
15932
+ --pf-v6-c-drawer__panel--MarginBlock: initial;
15933
+ --pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
14994
15934
  min-width: auto;
14995
15935
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
14996
15936
  }
@@ -15038,82 +15978,86 @@ ul) {
15038
15978
  }
15039
15979
  @media (min-width: 48rem) {
15040
15980
  .pf-v6-c-drawer__panel.pf-m-width-25 {
15041
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15981
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15042
15982
  }
15043
15983
  .pf-v6-c-drawer__panel.pf-m-width-33 {
15044
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15984
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15045
15985
  }
15046
15986
  .pf-v6-c-drawer__panel.pf-m-width-50 {
15047
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15987
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15048
15988
  }
15049
15989
  .pf-v6-c-drawer__panel.pf-m-width-66 {
15050
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15990
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15051
15991
  }
15052
15992
  .pf-v6-c-drawer__panel.pf-m-width-75 {
15053
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15993
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15054
15994
  }
15055
15995
  .pf-v6-c-drawer__panel.pf-m-width-100 {
15056
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15996
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15997
+ --pf-v6-c-drawer__main--Gap: 0;
15057
15998
  }
15058
15999
  }
15059
16000
  @media (min-width: 62rem) {
15060
16001
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
15061
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
16002
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15062
16003
  }
15063
16004
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
15064
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
16005
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15065
16006
  }
15066
16007
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
15067
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
16008
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15068
16009
  }
15069
16010
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
15070
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
16011
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15071
16012
  }
15072
16013
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
15073
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
16014
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15074
16015
  }
15075
16016
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
15076
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
16017
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
16018
+ --pf-v6-c-drawer__main--Gap: 0;
15077
16019
  }
15078
16020
  }
15079
16021
  @media (min-width: 75rem) {
15080
16022
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
15081
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
16023
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15082
16024
  }
15083
16025
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
15084
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
16026
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15085
16027
  }
15086
16028
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
15087
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
16029
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15088
16030
  }
15089
16031
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
15090
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
16032
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15091
16033
  }
15092
16034
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
15093
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
16035
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15094
16036
  }
15095
16037
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
15096
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
16038
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
16039
+ --pf-v6-c-drawer__main--Gap: 0;
15097
16040
  }
15098
16041
  }
15099
16042
  @media (min-width: 90.625rem) {
15100
16043
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
15101
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
16044
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15102
16045
  }
15103
16046
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
15104
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
16047
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15105
16048
  }
15106
16049
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
15107
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
16050
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15108
16051
  }
15109
16052
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
15110
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
16053
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15111
16054
  }
15112
16055
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
15113
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
16056
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15114
16057
  }
15115
16058
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
15116
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
16059
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
16060
+ --pf-v6-c-drawer__main--Gap: 0;
15117
16061
  }
15118
16062
  }
15119
16063
  @media (min-width: 48rem) {
@@ -15532,8 +16476,8 @@ ul) {
15532
16476
  --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);
15533
16477
  --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
15534
16478
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
15535
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
15536
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
16479
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
16480
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
15537
16481
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
15538
16482
  --pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
15539
16483
  --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
@@ -15545,10 +16489,24 @@ ul) {
15545
16489
  --pf-v6-c-expandable-section__content--Opacity: 0;
15546
16490
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15547
16491
  --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
16492
+ --pf-v6-c-expandable-section__content--MaxHeight: 0px;
16493
+ --pf-v6-c-expandable-section__content--Visibility: hidden;
16494
+ --pf-v6-c-expandable-section__content--Opacity: 0;
15548
16495
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15549
16496
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15550
16497
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15551
16498
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16499
+ }
16500
+ @media screen and (prefers-reduced-motion: no-preference) {
16501
+ .pf-v6-c-expandable-section {
16502
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16503
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16504
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16505
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16506
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16507
+ }
16508
+ }
16509
+ .pf-v6-c-expandable-section {
15552
16510
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15553
16511
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15554
16512
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15565,15 +16523,6 @@ ul) {
15565
16523
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15566
16524
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15567
16525
  }
15568
- @media screen and (prefers-reduced-motion: no-preference) {
15569
- .pf-v6-c-expandable-section {
15570
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15571
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15572
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15573
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15574
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15575
- }
15576
- }
15577
16526
 
15578
16527
  .pf-v6-c-expandable-section {
15579
16528
  display: flex;
@@ -15632,9 +16581,13 @@ ul) {
15632
16581
  }
15633
16582
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15634
16583
  display: -webkit-box;
16584
+ overflow: hidden;
15635
16585
  -webkit-box-orient: vertical;
15636
16586
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15637
- overflow: hidden;
16587
+ }
16588
+
16589
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16590
+ scale: -1 1;
15638
16591
  }
15639
16592
 
15640
16593
  .pf-v6-c-expandable-section__toggle-icon {
@@ -15644,10 +16597,6 @@ ul) {
15644
16597
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
15645
16598
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
15646
16599
  }
15647
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
15648
- scale: -1 1;
15649
- }
15650
-
15651
16600
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
15652
16601
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15653
16602
  }
@@ -15791,7 +16740,7 @@ ul) {
15791
16740
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15792
16741
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
15793
16742
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
15794
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
16743
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
15795
16744
  --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
15796
16745
  --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15797
16746
  --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
@@ -16230,8 +17179,8 @@ ul) {
16230
17179
 
16231
17180
  .pf-v6-c-form__field-group-header-main {
16232
17181
  display: flex;
16233
- flex-direction: column;
16234
17182
  flex-grow: 1;
17183
+ flex-direction: column;
16235
17184
  }
16236
17185
 
16237
17186
  .pf-v6-c-form__field-group-header-title {
@@ -16288,10 +17237,10 @@ ul) {
16288
17237
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
16289
17238
  --pf-v6-c-form-control--Resize: none;
16290
17239
  --pf-v6-c-form-control--OutlineOffset: -6px;
16291
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
17240
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
16292
17241
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
16293
17242
  --pf-v6-c-form-control--before--BorderStyle: solid;
16294
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
17243
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
16295
17244
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
16296
17245
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
16297
17246
  --pf-v6-c-form-control--after--BorderStyle: solid;
@@ -16472,8 +17421,8 @@ ul) {
16472
17421
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16473
17422
  }
16474
17423
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16475
- outline-offset: 0;
16476
17424
  scrollbar-gutter: stable;
17425
+ outline-offset: 0;
16477
17426
  }
16478
17427
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16479
17428
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -16653,81 +17602,6 @@ ul) {
16653
17602
  pointer-events: none;
16654
17603
  }
16655
17604
 
16656
- .pf-v6-c-hint {
16657
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16658
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16659
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16660
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16661
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16662
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16663
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16664
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
16665
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16666
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
16667
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16668
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
16669
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
16670
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16671
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
16672
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16673
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16674
- }
16675
-
16676
- .pf-v6-c-hint {
16677
- display: grid;
16678
- grid-template-columns: 1fr auto;
16679
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
16680
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
16681
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
16682
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
16683
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
16684
- color: var(--pf-v6-c-hint--Color);
16685
- background-color: var(--pf-v6-c-hint--BackgroundColor);
16686
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
16687
- border-radius: var(--pf-v6-c-hint--BorderRadius);
16688
- }
16689
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
16690
- text-align: start;
16691
- white-space: normal;
16692
- }
16693
-
16694
- .pf-v6-c-hint__actions {
16695
- display: inline-grid;
16696
- grid-row: 1;
16697
- grid-column: 2;
16698
- grid-auto-flow: column;
16699
- align-self: start;
16700
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
16701
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
16702
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
16703
- text-align: end;
16704
- }
16705
- .pf-v6-c-hint__actions.pf-m-no-offset {
16706
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
16707
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
16708
- }
16709
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
16710
- grid-column: 1;
16711
- }
16712
-
16713
- .pf-v6-c-hint__title {
16714
- align-self: center;
16715
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
16716
- }
16717
-
16718
- .pf-v6-c-hint__body {
16719
- grid-column: 1/-1;
16720
- font-size: var(--pf-v6-c-hint__body--FontSize);
16721
- }
16722
-
16723
- .pf-v6-c-hint__footer {
16724
- grid-column: 1/-1;
16725
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
16726
- }
16727
- .pf-v6-c-hint__footer > :not(:last-child) {
16728
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
16729
- }
16730
-
16731
17605
  .pf-v6-c-helper-text {
16732
17606
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16733
17607
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -16813,6 +17687,156 @@ ul) {
16813
17687
  color: var(--pf-v6-c-helper-text__item-text--Color);
16814
17688
  }
16815
17689
 
17690
+ .pf-v6-c-hero {
17691
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17692
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17693
+ --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17694
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17695
+ --pf-v6-c-hero--gradient--angle: 109deg;
17696
+ --pf-v6-c-hero--gradient--stop-1--light: transparent;
17697
+ --pf-v6-c-hero--gradient--stop-2--light: transparent;
17698
+ --pf-v6-c-hero--gradient--stop-3--light: transparent;
17699
+ --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17700
+ --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17701
+ --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17702
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17703
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17704
+ --pf-v6-c-hero--BackgroundImage--light: none;
17705
+ --pf-v6-c-hero--BackgroundImage--dark: none;
17706
+ --pf-v6-c-hero--BackgroundRepeat: no-repeat;
17707
+ --pf-v6-c-hero--BackgroundPosition: right center;
17708
+ --pf-v6-c-hero--BackgroundSize: contain;
17709
+ --pf-v6-c-hero--BorderStyle: solid;
17710
+ --pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
17711
+ --pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
17712
+ --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17713
+ --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17714
+ --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17715
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17716
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17717
+ --pf-v6-c-hero--BorderStartStartRadius: 24px;
17718
+ --pf-v6-c-hero--BorderStartEndRadius: 72px;
17719
+ --pf-v6-c-hero--BorderEndEndRadius: 24px;
17720
+ --pf-v6-c-hero--BorderEndStartRadius: 72px;
17721
+ --pf-v6-c-hero__body--Width: 800px;
17722
+ --pf-v6-c-hero__body--MaxWidth: 80%;
17723
+ }
17724
+
17725
+ .pf-v6-c-hero {
17726
+ display: flex;
17727
+ padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
17728
+ padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17729
+ padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17730
+ padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17731
+ 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%);
17732
+ background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17733
+ background-position: var(--pf-v6-c-hero--BackgroundPosition);
17734
+ background-size: var(--pf-v6-c-hero--BackgroundSize);
17735
+ border-color: var(--pf-v6-c-hero--BorderColor);
17736
+ border-style: var(--pf-v6-c-hero--BorderStyle);
17737
+ border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
17738
+ border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
17739
+ border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
17740
+ border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
17741
+ border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
17742
+ border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
17743
+ border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17744
+ border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17745
+ }
17746
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17747
+ --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17748
+ --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17749
+ --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17750
+ --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17751
+ }
17752
+ :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17753
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17754
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17755
+ }
17756
+ .pf-v6-c-hero:not(.pf-m-no-glass) {
17757
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17758
+ backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17759
+ }
17760
+
17761
+ .pf-v6-c-hero__body {
17762
+ width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
17763
+ }
17764
+
17765
+ .pf-v6-c-hint {
17766
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17767
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17768
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17769
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17770
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17771
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17772
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
17773
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
17774
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
17775
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
17776
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17777
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17778
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
17779
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
17780
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17781
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17782
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17783
+ }
17784
+
17785
+ .pf-v6-c-hint {
17786
+ display: grid;
17787
+ grid-template-columns: 1fr auto;
17788
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
17789
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
17790
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
17791
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
17792
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
17793
+ color: var(--pf-v6-c-hint--Color);
17794
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
17795
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
17796
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
17797
+ }
17798
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
17799
+ text-align: start;
17800
+ white-space: normal;
17801
+ }
17802
+
17803
+ .pf-v6-c-hint__actions {
17804
+ display: inline-grid;
17805
+ grid-row: 1;
17806
+ grid-column: 2;
17807
+ grid-auto-flow: column;
17808
+ align-self: start;
17809
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
17810
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
17811
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17812
+ text-align: end;
17813
+ }
17814
+ .pf-v6-c-hint__actions.pf-m-no-offset {
17815
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
17816
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
17817
+ }
17818
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
17819
+ grid-column: 1;
17820
+ }
17821
+
17822
+ .pf-v6-c-hint__title {
17823
+ align-self: center;
17824
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
17825
+ }
17826
+
17827
+ .pf-v6-c-hint__body {
17828
+ grid-column: 1/-1;
17829
+ font-size: var(--pf-v6-c-hint__body--FontSize);
17830
+ }
17831
+
17832
+ .pf-v6-c-hint__footer {
17833
+ grid-column: 1/-1;
17834
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
17835
+ }
17836
+ .pf-v6-c-hint__footer > :not(:last-child) {
17837
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
17838
+ }
17839
+
16816
17840
  .pf-v6-c-icon {
16817
17841
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
16818
17842
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -17355,7 +18379,7 @@ label.pf-v6-c-input-group__text {
17355
18379
  --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
17356
18380
  --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17357
18381
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
17358
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
18382
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
17359
18383
  }
17360
18384
 
17361
18385
  .pf-v6-c-jump-links {
@@ -17541,6 +18565,10 @@ label.pf-v6-c-input-group__text {
17541
18565
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17542
18566
  }
17543
18567
 
18568
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18569
+ scale: -1 1;
18570
+ }
18571
+
17544
18572
  .pf-v6-c-jump-links__toggle-icon {
17545
18573
  display: inline-block;
17546
18574
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17549,9 +18577,6 @@ label.pf-v6-c-input-group__text {
17549
18577
  transition-property: transform;
17550
18578
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17551
18579
  }
17552
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17553
- scale: -1 1;
17554
- }
17555
18580
 
17556
18581
  .pf-v6-c-label {
17557
18582
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -18048,6 +19073,10 @@ input.pf-v6-c-label__content {
18048
19073
  .pf-v6-c-label__actions {
18049
19074
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
18050
19075
  }
19076
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
19077
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
19078
+ }
19079
+
18051
19080
  .pf-v6-c-label__actions .pf-v6-c-button {
18052
19081
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
18053
19082
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -18058,9 +19087,6 @@ input.pf-v6-c-label__content {
18058
19087
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
18059
19088
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18060
19089
  }
18061
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18062
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18063
- }
18064
19090
 
18065
19091
  .pf-v6-c-label-group {
18066
19092
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18201,9 +19227,9 @@ input.pf-v6-c-label__content {
18201
19227
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18202
19228
  white-space: nowrap;
18203
19229
  resize: none;
18204
- border: 0;
18205
- -ms-overflow-style: none;
18206
19230
  scrollbar-width: none;
19231
+ -ms-overflow-style: none;
19232
+ border: 0;
18207
19233
  }
18208
19234
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18209
19235
  display: none;
@@ -18289,18 +19315,48 @@ ul.pf-v6-c-list {
18289
19315
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18290
19316
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18291
19317
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19318
+ }
19319
+ @media (min-width: 75rem) {
19320
+ .pf-v6-c-login {
19321
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19322
+ }
19323
+ }
19324
+ .pf-v6-c-login {
18292
19325
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18293
19326
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18294
19327
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19328
+ }
19329
+ @media (min-width: 36rem) {
19330
+ .pf-v6-c-login {
19331
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19332
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19333
+ }
19334
+ }
19335
+ .pf-v6-c-login {
18295
19336
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18296
19337
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18297
19338
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18298
19339
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19340
+ }
19341
+ @media (min-width: 75rem) {
19342
+ .pf-v6-c-login {
19343
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19344
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19345
+ }
19346
+ }
19347
+ .pf-v6-c-login {
18299
19348
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18300
19349
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18301
19350
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18302
19351
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18303
19352
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19353
+ }
19354
+ @media (min-width: 75rem) {
19355
+ .pf-v6-c-login {
19356
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19357
+ }
19358
+ }
19359
+ .pf-v6-c-login {
18304
19360
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18305
19361
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18306
19362
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18312,11 +19368,28 @@ ul.pf-v6-c-list {
18312
19368
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18313
19369
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18314
19370
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19371
+ }
19372
+ @media (min-width: 48rem) {
19373
+ .pf-v6-c-login {
19374
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19375
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19376
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19377
+ }
19378
+ }
19379
+ .pf-v6-c-login {
18315
19380
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18316
19381
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18317
19382
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18318
19383
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18319
19384
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19385
+ }
19386
+ @media (min-width: 48rem) {
19387
+ .pf-v6-c-login {
19388
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19389
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19390
+ }
19391
+ }
19392
+ .pf-v6-c-login {
18320
19393
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18321
19394
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18322
19395
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18334,43 +19407,6 @@ ul.pf-v6-c-list {
18334
19407
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18335
19408
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18336
19409
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18337
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18338
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18339
- }
18340
- @media (min-width: 75rem) {
18341
- .pf-v6-c-login {
18342
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18343
- }
18344
- }
18345
- @media (min-width: 36rem) {
18346
- .pf-v6-c-login {
18347
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18348
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18349
- }
18350
- }
18351
- @media (min-width: 75rem) {
18352
- .pf-v6-c-login {
18353
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18354
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18355
- }
18356
- }
18357
- @media (min-width: 75rem) {
18358
- .pf-v6-c-login {
18359
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18360
- }
18361
- }
18362
- @media (min-width: 48rem) {
18363
- .pf-v6-c-login {
18364
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18365
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18366
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18367
- }
18368
- }
18369
- @media (min-width: 48rem) {
18370
- .pf-v6-c-login {
18371
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18372
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18373
- }
18374
19410
  }
18375
19411
  @media (min-width: 36rem) {
18376
19412
  .pf-v6-c-login {
@@ -18378,6 +19414,10 @@ ul.pf-v6-c-list {
18378
19414
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18379
19415
  }
18380
19416
  }
19417
+ .pf-v6-c-login {
19418
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19419
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19420
+ }
18381
19421
  @media (min-width: 75rem) {
18382
19422
  .pf-v6-c-login {
18383
19423
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -18573,12 +19613,26 @@ ul.pf-v6-c-list {
18573
19613
  --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
18574
19614
  --pf-v6-c-masthead--m-display-inline__main--Display: flex;
18575
19615
  --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
19616
+ --pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
19617
+ --pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
19618
+ --pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19619
+ --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19620
+ --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19621
+ --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19622
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
19623
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
19624
+ --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
18576
19625
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18577
19626
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
18578
19627
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
18579
19628
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
18580
19629
  }
18581
19630
 
19631
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19632
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19633
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19634
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19635
+ }
18582
19636
  .pf-v6-c-masthead {
18583
19637
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
18584
19638
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -18592,22 +19646,6 @@ ul.pf-v6-c-list {
18592
19646
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
18593
19647
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
18594
19648
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
18595
- display: grid;
18596
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
18597
- row-gap: var(--pf-v6-c-masthead--RowGap);
18598
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
18599
- align-items: start;
18600
- min-width: 0;
18601
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
18602
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
18603
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
18604
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
18605
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
18606
- }
18607
- .pf-v6-c-masthead .pf-v6-c-toolbar {
18608
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
18609
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
18610
- --pf-v6-c-toolbar__content--MinWidth: 0;
18611
19649
  }
18612
19650
  @media screen and (min-width: 48rem) {
18613
19651
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -18625,6 +19663,62 @@ ul.pf-v6-c-list {
18625
19663
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
18626
19664
  }
18627
19665
  }
19666
+ .pf-v6-c-masthead {
19667
+ display: grid;
19668
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19669
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19670
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19671
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19672
+ align-items: start;
19673
+ min-width: 0;
19674
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19675
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19676
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19677
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19678
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19679
+ }
19680
+ .pf-v6-c-masthead.pf-m-docked {
19681
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19682
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19683
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19684
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19685
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19686
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19687
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19688
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19689
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19690
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19691
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19692
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19693
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19694
+ --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19695
+ --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
19696
+ --pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
19697
+ --pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
19698
+ --pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
19699
+ --pf-v6-c-masthead--GridTemplateColumns: auto;
19700
+ --pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
19701
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
19702
+ --pf-v6-c-masthead__main--GridColumn: auto;
19703
+ --pf-v6-c-masthead__content--GridColumn: auto;
19704
+ --pf-v6-c-masthead__logo--Width: auto;
19705
+ --pf-v6-c-masthead__main--MarginInlineEnd: 0;
19706
+ display: flex;
19707
+ flex-direction: column;
19708
+ align-items: center;
19709
+ width: fit-content;
19710
+ height: 100%;
19711
+ backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19712
+ }
19713
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19714
+ flex-grow: 1;
19715
+ flex-direction: column;
19716
+ align-self: revert;
19717
+ }
19718
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
19719
+ --pf-v6-c-masthead--c-toolbar--Width: fit-content;
19720
+ height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
19721
+ }
18628
19722
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
18629
19723
  flex-wrap: nowrap;
18630
19724
  min-width: 0;
@@ -19088,6 +20182,13 @@ ul.pf-v6-c-list {
19088
20182
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19089
20183
  --pf-v6-c-menu--TransitionDuration: 0s;
19090
20184
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
20185
+ }
20186
+ @media (prefers-reduced-motion: no-preference) {
20187
+ .pf-v6-c-menu {
20188
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
20189
+ }
20190
+ }
20191
+ .pf-v6-c-menu {
19091
20192
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19092
20193
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19093
20194
  --pf-v6-c-menu__content--Height: auto;
@@ -19167,33 +20268,34 @@ ul.pf-v6-c-list {
19167
20268
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19168
20269
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19169
20270
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19170
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19171
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19172
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19173
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19174
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19175
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19176
- }
19177
- @media (prefers-reduced-motion: no-preference) {
19178
- .pf-v6-c-menu {
19179
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19180
- }
19181
20271
  }
19182
20272
  @media (prefers-reduced-motion: no-preference) {
19183
20273
  .pf-v6-c-menu {
19184
20274
  --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);
19185
20275
  }
19186
20276
  }
20277
+ .pf-v6-c-menu {
20278
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20279
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20280
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20281
+ }
19187
20282
  @media (prefers-reduced-motion: no-preference) {
19188
20283
  .pf-v6-c-menu {
19189
20284
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19190
20285
  }
19191
20286
  }
20287
+ .pf-v6-c-menu {
20288
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20289
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20290
+ }
19192
20291
  @media (prefers-reduced-motion: no-preference) {
19193
20292
  .pf-v6-c-menu {
19194
20293
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19195
20294
  }
19196
20295
  }
20296
+ .pf-v6-c-menu {
20297
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20298
+ }
19197
20299
 
19198
20300
  .pf-v6-c-menu__content,
19199
20301
  .pf-v6-c-menu__list-item,
@@ -19651,13 +20753,14 @@ ul.pf-v6-c-list {
19651
20753
  --pf-v6-c-check__input--TranslateY: none;
19652
20754
  }
19653
20755
 
19654
- .pf-v6-c-menu__item-toggle-icon {
19655
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
19656
- }
19657
20756
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
19658
20757
  scale: -1 1;
19659
20758
  }
19660
20759
 
20760
+ .pf-v6-c-menu__item-toggle-icon {
20761
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20762
+ }
20763
+
19661
20764
  .pf-v6-c-menu__item-icon {
19662
20765
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
19663
20766
  }
@@ -19713,7 +20816,7 @@ ul.pf-v6-c-list {
19713
20816
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
19714
20817
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
19715
20818
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
19716
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20819
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
19717
20820
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
19718
20821
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
19719
20822
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -19826,6 +20929,7 @@ ul.pf-v6-c-list {
19826
20929
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
19827
20930
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
19828
20931
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
20932
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
19829
20933
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
19830
20934
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
19831
20935
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -19954,6 +21058,9 @@ ul.pf-v6-c-list {
19954
21058
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
19955
21059
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
19956
21060
  }
21061
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
21062
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
21063
+ }
19957
21064
  .pf-v6-c-menu-toggle.pf-m-plain::before {
19958
21065
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
19959
21066
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -20244,6 +21351,13 @@ ul.pf-v6-c-list {
20244
21351
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20245
21352
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20246
21353
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21354
+ }
21355
+ @media (min-width: 75rem) {
21356
+ .pf-v6-c-modal-box {
21357
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21358
+ }
21359
+ }
21360
+ .pf-v6-c-modal-box {
20247
21361
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20248
21362
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20249
21363
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20275,11 +21389,6 @@ ul.pf-v6-c-list {
20275
21389
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20276
21390
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20277
21391
  }
20278
- @media (min-width: 75rem) {
20279
- .pf-v6-c-modal-box {
20280
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20281
- }
20282
- }
20283
21392
 
20284
21393
  .pf-v6-c-modal-box {
20285
21394
  position: relative;
@@ -20341,8 +21450,8 @@ ul.pf-v6-c-list {
20341
21450
 
20342
21451
  .pf-v6-c-modal-box__header {
20343
21452
  display: flex;
20344
- flex-direction: column;
20345
21453
  flex-shrink: 0;
21454
+ flex-direction: column;
20346
21455
  gap: var(--pf-v6-c-modal-box__header--Gap);
20347
21456
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20348
21457
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20359,8 +21468,8 @@ ul.pf-v6-c-list {
20359
21468
 
20360
21469
  .pf-v6-c-modal-box__header-main {
20361
21470
  display: flex;
20362
- flex-direction: column;
20363
21471
  flex-grow: 1;
21472
+ flex-direction: column;
20364
21473
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20365
21474
  min-width: 0;
20366
21475
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -20669,13 +21778,22 @@ ul.pf-v6-c-list {
20669
21778
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
20670
21779
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
20671
21780
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21781
+ --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
21782
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
21783
+ --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
21784
+ --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
21785
+ --pf-v6-c-nav__item--accent--ScaleY: 0;
21786
+ --pf-v6-c-nav__item--current--accent--ScaleY: 1;
21787
+ --pf-v6-c-nav__item--accent--TransitionDuration: 0;
21788
+ --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21789
+ --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
20672
21790
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
20673
- --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
21791
+ --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
20674
21792
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
20675
21793
  --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
20676
21794
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
20677
21795
  --pf-v6-c-nav__link--AlignItems: baseline;
20678
- --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
21796
+ --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
20679
21797
  --pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20680
21798
  --pf-v6-c-nav__link--WhiteSpace: normal;
20681
21799
  --pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
@@ -20693,6 +21811,7 @@ ul.pf-v6-c-list {
20693
21811
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
20694
21812
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
20695
21813
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
21814
+ --pf-v6-c-nav__link-text--FontSize: initial;
20696
21815
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
20697
21816
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
20698
21817
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
@@ -20704,6 +21823,15 @@ ul.pf-v6-c-list {
20704
21823
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
20705
21824
  --pf-v6-c-nav__subnav--TranslateY: 0;
20706
21825
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21826
+ }
21827
+ @media screen and (prefers-reduced-motion: no-preference) {
21828
+ .pf-v6-c-nav {
21829
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21830
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21831
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21832
+ }
21833
+ }
21834
+ .pf-v6-c-nav {
20707
21835
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
20708
21836
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
20709
21837
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -20733,13 +21861,11 @@ ul.pf-v6-c-list {
20733
21861
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20734
21862
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
20735
21863
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20736
- }
20737
- @media screen and (prefers-reduced-motion: no-preference) {
20738
- .pf-v6-c-nav {
20739
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
20740
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
20741
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
20742
- }
21864
+ --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21865
+ --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21866
+ --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21867
+ --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21868
+ --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20743
21869
  }
20744
21870
 
20745
21871
  .pf-v6-c-nav,
@@ -20774,6 +21900,25 @@ ul.pf-v6-c-list {
20774
21900
  .pf-v6-c-nav.pf-m-fill {
20775
21901
  flex-grow: 1;
20776
21902
  }
21903
+ .pf-v6-c-nav.pf-m-docked {
21904
+ --pf-v6-c-nav--PaddingBlockStart: 0;
21905
+ --pf-v6-c-nav--PaddingBlockEnd: 0;
21906
+ --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
21907
+ --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
21908
+ --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
21909
+ --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
21910
+ --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
21911
+ width: fit-content;
21912
+ }
21913
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
21914
+ position: relative;
21915
+ align-self: center;
21916
+ min-width: 1lh;
21917
+ text-align: center;
21918
+ }
21919
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21920
+ display: none;
21921
+ }
20777
21922
  .pf-v6-c-nav .pf-v6-c-menu {
20778
21923
  --pf-v6-c-menu--MinWidth: 100%;
20779
21924
  }
@@ -20837,14 +21982,34 @@ ul.pf-v6-c-list {
20837
21982
  }
20838
21983
 
20839
21984
  .pf-v6-c-nav__item {
21985
+ position: relative;
20840
21986
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
20841
21987
  }
21988
+ .pf-v6-c-nav__item::before {
21989
+ position: absolute;
21990
+ inset-block-start: 0;
21991
+ inset-block-end: 0;
21992
+ inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
21993
+ width: var(--pf-v6-c-nav__item--accent--size);
21994
+ pointer-events: none;
21995
+ content: var(--pf-v6-c-nav__item--accent--content, "");
21996
+ background-color: var(--pf-v6-c-nav__item--accent--color);
21997
+ border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
21998
+ transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
21999
+ transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
22000
+ transition-property: scale;
22001
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
22002
+ }
20842
22003
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
20843
22004
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
20844
22005
  }
20845
22006
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
20846
22007
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
20847
22008
  }
22009
+ .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
22010
+ --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
22011
+ --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
22012
+ }
20848
22013
 
20849
22014
  .pf-v6-c-nav__section {
20850
22015
  row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
@@ -20906,6 +22071,10 @@ ul.pf-v6-c-list {
20906
22071
  color: var(--pf-v6-c-nav__link-icon--Color);
20907
22072
  }
20908
22073
 
22074
+ .pf-v6-c-nav__link-text {
22075
+ font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
22076
+ }
22077
+
20909
22078
  .pf-v6-c-nav__toggle {
20910
22079
  flex: none;
20911
22080
  align-self: start;
@@ -20961,6 +22130,7 @@ ul.pf-v6-c-list {
20961
22130
  }
20962
22131
 
20963
22132
  .pf-v6-c-nav:where(.pf-m-horizontal) {
22133
+ --pf-v6-c-nav__item--accent--content: none;
20964
22134
  padding: 0;
20965
22135
  overflow: hidden;
20966
22136
  }
@@ -20981,12 +22151,14 @@ ul.pf-v6-c-list {
20981
22151
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
20982
22152
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
20983
22153
  -webkit-overflow-scrolling: touch;
20984
- scrollbar-width: none;
20985
- -ms-overflow-style: -ms-autohiding-scrollbar;
20986
22154
  }
20987
22155
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
20988
22156
  display: none;
20989
22157
  }
22158
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
22159
+ scrollbar-width: none;
22160
+ -ms-overflow-style: -ms-autohiding-scrollbar;
22161
+ }
20990
22162
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
20991
22163
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
20992
22164
  }
@@ -21024,6 +22196,7 @@ ul.pf-v6-c-list {
21024
22196
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
21025
22197
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
21026
22198
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
22199
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21027
22200
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
21028
22201
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
21029
22202
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21037,6 +22210,7 @@ ul.pf-v6-c-list {
21037
22210
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21038
22211
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
21039
22212
  --pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
22213
+ --pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
21040
22214
  --pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
21041
22215
  --pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
21042
22216
  --pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
@@ -21079,7 +22253,7 @@ ul.pf-v6-c-list {
21079
22253
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
21080
22254
  --pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
21081
22255
  --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);
21082
- --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
22256
+ --pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
21083
22257
  }
21084
22258
 
21085
22259
  .pf-v6-c-notification-drawer {
@@ -21118,6 +22292,7 @@ ul.pf-v6-c-list {
21118
22292
 
21119
22293
  .pf-v6-c-notification-drawer__header-action {
21120
22294
  display: flex;
22295
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
21121
22296
  align-items: center;
21122
22297
  margin-inline-start: auto;
21123
22298
  }
@@ -21146,8 +22321,16 @@ ul.pf-v6-c-list {
21146
22321
  padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
21147
22322
  padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
21148
22323
  background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
21149
- border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
21150
22324
  border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
22325
+ outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
22326
+ }
22327
+ .pf-v6-c-notification-drawer__list-item::before {
22328
+ position: absolute;
22329
+ inset: 0;
22330
+ pointer-events: none;
22331
+ content: "";
22332
+ border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
22333
+ border-radius: inherit;
21151
22334
  }
21152
22335
  .pf-v6-c-notification-drawer__list-item.pf-m-info {
21153
22336
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
@@ -21173,7 +22356,6 @@ ul.pf-v6-c-list {
21173
22356
  --pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
21174
22357
  --pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
21175
22358
  --pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
21176
- position: relative;
21177
22359
  }
21178
22360
  .pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
21179
22361
  cursor: pointer;
@@ -21201,9 +22383,9 @@ ul.pf-v6-c-list {
21201
22383
  }
21202
22384
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21203
22385
  display: -webkit-box;
22386
+ overflow: hidden;
21204
22387
  -webkit-box-orient: vertical;
21205
22388
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21206
- overflow: hidden;
21207
22389
  }
21208
22390
 
21209
22391
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21257,9 +22439,9 @@ ul.pf-v6-c-list {
21257
22439
 
21258
22440
  .pf-v6-c-notification-drawer__group-toggle-title {
21259
22441
  display: -webkit-box;
22442
+ overflow: hidden;
21260
22443
  -webkit-box-orient: vertical;
21261
22444
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21262
- overflow: hidden;
21263
22445
  flex: 1;
21264
22446
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21265
22447
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21272,15 +22454,15 @@ ul.pf-v6-c-list {
21272
22454
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21273
22455
  }
21274
22456
 
22457
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22458
+ scale: -1 1;
22459
+ }
22460
+
21275
22461
  .pf-v6-c-notification-drawer__group-toggle-icon {
21276
22462
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21277
22463
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21278
22464
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21279
22465
  }
21280
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21281
- scale: -1 1;
21282
- }
21283
-
21284
22466
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21285
22467
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21286
22468
  }
@@ -21326,6 +22508,7 @@ ul.pf-v6-c-list {
21326
22508
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21327
22509
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
21328
22510
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22511
+ --pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
21329
22512
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
21330
22513
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
21331
22514
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -21348,6 +22531,15 @@ ul.pf-v6-c-list {
21348
22531
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21349
22532
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21350
22533
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22534
+ }
22535
+ @media screen and (prefers-reduced-motion: no-preference) {
22536
+ .pf-v6-c-page {
22537
+ --pf-v6-c-page__sidebar--Opacity: 1;
22538
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22539
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22540
+ }
22541
+ }
22542
+ .pf-v6-c-page {
21351
22543
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21352
22544
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21353
22545
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21363,6 +22555,15 @@ ul.pf-v6-c-list {
21363
22555
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21364
22556
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21365
22557
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22558
+ }
22559
+ @media screen and (min-width: 75rem) {
22560
+ .pf-v6-c-page {
22561
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22562
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22563
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22564
+ }
22565
+ }
22566
+ .pf-v6-c-page {
21366
22567
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21367
22568
  --pf-v6-c-page__main-container--GridArea: main;
21368
22569
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21385,6 +22586,17 @@ ul.pf-v6-c-list {
21385
22586
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21386
22587
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21387
22588
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22589
+ }
22590
+ @media screen and (max-width: calc(48rem - 1px)) {
22591
+ .pf-v6-c-page {
22592
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22593
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22594
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22595
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22596
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22597
+ }
22598
+ }
22599
+ .pf-v6-c-page {
21388
22600
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21389
22601
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21390
22602
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21433,29 +22645,9 @@ ul.pf-v6-c-list {
21433
22645
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21434
22646
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21435
22647
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21436
- }
21437
- @media screen and (prefers-reduced-motion: no-preference) {
21438
- .pf-v6-c-page {
21439
- --pf-v6-c-page__sidebar--Opacity: 1;
21440
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21441
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21442
- }
21443
- }
21444
- @media screen and (min-width: 75rem) {
21445
- .pf-v6-c-page {
21446
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21447
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21448
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21449
- }
21450
- }
21451
- @media screen and (max-width: calc(48rem - 1px)) {
21452
- .pf-v6-c-page {
21453
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21454
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21455
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21456
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21457
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21458
- }
22648
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22649
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22650
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21459
22651
  }
21460
22652
 
21461
22653
  .pf-v6-c-page {
@@ -21475,6 +22667,16 @@ ul.pf-v6-c-list {
21475
22667
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
21476
22668
  }
21477
22669
  }
22670
+ .pf-v6-c-page.pf-m-dock {
22671
+ --pf-v6-c-page--masthead--main-container--GridArea: main;
22672
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
22673
+ --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
22674
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
22675
+ grid-template-areas: "dock main";
22676
+ grid-template-rows: auto;
22677
+ grid-template-columns: auto 1fr;
22678
+ column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
22679
+ }
21478
22680
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
21479
22681
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
21480
22682
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -21521,15 +22723,20 @@ ul.pf-v6-c-list {
21521
22723
  }
21522
22724
  }
21523
22725
 
21524
- .pf-v6-c-page > .pf-v6-c-masthead {
21525
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
21526
- grid-area: header;
21527
- }
21528
22726
  @media (min-width: 75rem) {
21529
22727
  .pf-v6-c-page > .pf-v6-c-masthead {
21530
22728
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
21531
22729
  }
21532
22730
  }
22731
+ .pf-v6-c-page > .pf-v6-c-masthead {
22732
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22733
+ grid-area: header;
22734
+ }
22735
+
22736
+ .pf-v6-c-page__dock {
22737
+ z-index: var(--pf-v6-c-page__dock--ZIndex);
22738
+ grid-area: dock;
22739
+ }
21533
22740
 
21534
22741
  .pf-v6-c-page__sidebar {
21535
22742
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -21641,8 +22848,8 @@ ul.pf-v6-c-list {
21641
22848
  .pf-v6-c-page__main-group,
21642
22849
  .pf-v6-c-page__main-subnav {
21643
22850
  display: flex;
21644
- flex-direction: column;
21645
22851
  flex-shrink: 0;
22852
+ flex-direction: column;
21646
22853
  }
21647
22854
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
21648
22855
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21834,6 +23041,7 @@ ul.pf-v6-c-list {
21834
23041
  flex-direction: column;
21835
23042
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
21836
23043
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
23044
+ margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
21837
23045
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21838
23046
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21839
23047
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -21885,8 +23093,8 @@ ul.pf-v6-c-list {
21885
23093
  .pf-v6-c-page__main-drawer,
21886
23094
  .pf-v6-c-page__main-group {
21887
23095
  display: flex;
21888
- flex-direction: column;
21889
23096
  flex-grow: 1;
23097
+ flex-direction: column;
21890
23098
  }
21891
23099
 
21892
23100
  .pf-v6-c-page__main {
@@ -23800,8 +25008,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23800
25008
  position: var(--pf-v6-c-sidebar__panel--Position);
23801
25009
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
23802
25010
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
23803
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23804
25011
  flex-shrink: 0;
25012
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23805
25013
  order: var(--pf-v6-c-sidebar__panel--Order);
23806
25014
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
23807
25015
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24098,7 +25306,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24098
25306
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24099
25307
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24100
25308
  --pf-v6-c-skeleton--before--Height: auto;
24101
- --pf-v6-c-skeleton--before--Content: " ";
25309
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24102
25310
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24103
25311
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24104
25312
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24109,6 +25317,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24109
25317
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24110
25318
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24111
25319
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25320
+ }
25321
+ @media screen and (prefers-reduced-motion: no-preference) {
25322
+ .pf-v6-c-skeleton {
25323
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25324
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25325
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25326
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25327
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25328
+ }
25329
+ }
25330
+ .pf-v6-c-skeleton {
24112
25331
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24113
25332
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24114
25333
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -24136,15 +25355,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24136
25355
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24137
25356
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24138
25357
  }
24139
- @media screen and (prefers-reduced-motion: no-preference) {
24140
- .pf-v6-c-skeleton {
24141
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24142
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24143
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24144
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24145
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24146
- }
24147
- }
24148
25358
 
24149
25359
  .pf-v6-c-skeleton {
24150
25360
  position: relative;
@@ -24161,6 +25371,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24161
25371
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24162
25372
  content: var(--pf-v6-c-skeleton--before--Content);
24163
25373
  }
25374
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25375
+ scale: -1 1;
25376
+ }
25377
+
24164
25378
  .pf-v6-c-skeleton::after {
24165
25379
  position: absolute;
24166
25380
  inset: 0;
@@ -24170,10 +25384,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24170
25384
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24171
25385
  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);
24172
25386
  }
24173
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24174
- scale: -1 1;
24175
- }
24176
-
24177
25387
  .pf-v6-c-skeleton.pf-m-circle {
24178
25388
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24179
25389
  }
@@ -24361,12 +25571,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24361
25571
 
24362
25572
  .pf-v6-c-slider {
24363
25573
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24364
- display: flex;
24365
25574
  }
24366
25575
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24367
25576
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24368
25577
  }
24369
25578
 
25579
+ .pf-v6-c-slider {
25580
+ display: flex;
25581
+ }
24370
25582
  .pf-v6-c-slider.pf-m-disabled {
24371
25583
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24372
25584
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24429,6 +25641,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24429
25641
 
24430
25642
  .pf-v6-c-slider__step-tick {
24431
25643
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25644
+ }
25645
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25646
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25647
+ }
25648
+
25649
+ .pf-v6-c-slider__step-tick {
24432
25650
  position: absolute;
24433
25651
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24434
25652
  inset-inline-start: 0;
@@ -24438,22 +25656,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24438
25656
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24439
25657
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24440
25658
  }
24441
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24442
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24443
- }
24444
25659
 
24445
25660
  .pf-v6-c-slider__step-label {
24446
25661
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
24447
- position: absolute;
24448
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
24449
- word-break: normal;
24450
25662
  }
24451
25663
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
24452
25664
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24453
25665
  }
24454
25666
 
25667
+ .pf-v6-c-slider__step-label {
25668
+ position: absolute;
25669
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25670
+ word-break: normal;
25671
+ }
25672
+
24455
25673
  .pf-v6-c-slider__thumb {
24456
25674
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25675
+ }
25676
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25677
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25678
+ }
25679
+
25680
+ .pf-v6-c-slider__thumb {
24457
25681
  position: absolute;
24458
25682
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
24459
25683
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -24465,12 +25689,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24465
25689
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
24466
25690
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
24467
25691
  }
24468
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
24469
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25692
+ .pf-v6-c-slider__thumb::before {
25693
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25694
+ }
25695
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25696
+ 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));
24470
25697
  }
24471
25698
 
24472
25699
  .pf-v6-c-slider__thumb::before {
24473
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
24474
25700
  position: absolute;
24475
25701
  inset-block-start: 50%;
24476
25702
  inset-inline-start: 50%;
@@ -24479,10 +25705,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24479
25705
  content: "";
24480
25706
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
24481
25707
  }
24482
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
24483
- 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));
24484
- }
24485
-
24486
25708
  .pf-v6-c-slider__thumb:hover {
24487
25709
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
24488
25710
  }
@@ -24499,16 +25721,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24499
25721
  }
24500
25722
  .pf-v6-c-slider__value.pf-m-floating {
24501
25723
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25724
+ }
25725
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25726
+ 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));
25727
+ }
25728
+
25729
+ .pf-v6-c-slider__value.pf-m-floating {
24502
25730
  --pf-v6-c-slider__value--MarginInlineStart: 0;
24503
25731
  position: absolute;
24504
25732
  inset-block-start: 0;
24505
25733
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
24506
25734
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
24507
25735
  }
24508
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
24509
- 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));
24510
- }
24511
-
24512
25736
  .pf-v6-c-slider__value .pf-v6-c-form-control {
24513
25737
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
24514
25738
  }
@@ -24633,7 +25857,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24633
25857
  --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
24634
25858
  --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
24635
25859
  --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
24636
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
25860
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
24637
25861
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
24638
25862
  --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
24639
25863
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
@@ -24686,12 +25910,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24686
25910
  }
24687
25911
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24688
25912
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
24689
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
24690
25913
  }
24691
25914
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24692
25915
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
24693
25916
  }
24694
25917
 
25918
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25919
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25920
+ }
24695
25921
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
24696
25922
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
24697
25923
  }
@@ -25176,7 +26402,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25176
26402
  --pf-v6-c-table--cell--Width: auto;
25177
26403
  }
25178
26404
 
25179
- @media screen and (max-width: calc(48rem - 1px)) {
26405
+ @container pf-v6-contain-table (max-width: 48rem) {
25180
26406
  .pf-m-grid-md.pf-v6-c-table {
25181
26407
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25182
26408
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25454,15 +26680,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25454
26680
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25455
26681
  text-align: end;
25456
26682
  }
25457
- }
25458
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
25459
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25460
- grid-row-start: 1;
25461
- grid-column-start: 2;
25462
- margin-inline-start: 0;
26683
+ @media screen and (max-width: 36rem) {
26684
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
26685
+ grid-row-start: 1;
26686
+ grid-column-start: 2;
26687
+ margin-inline-start: 0;
26688
+ }
25463
26689
  }
25464
- }
25465
- @media screen and (max-width: calc(48rem - 1px)) {
25466
26690
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25467
26691
  grid-column: 2;
25468
26692
  grid-row: 2;
@@ -25488,7 +26712,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25488
26712
  }
25489
26713
  }
25490
26714
 
25491
- @media screen and (max-width: calc(62rem - 1px)) {
26715
+ @container pf-v6-contain-table (max-width: 62rem) {
25492
26716
  .pf-m-grid-lg.pf-v6-c-table {
25493
26717
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25494
26718
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25766,15 +26990,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25766
26990
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25767
26991
  text-align: end;
25768
26992
  }
25769
- }
25770
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
25771
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25772
- grid-row-start: 1;
25773
- grid-column-start: 2;
25774
- margin-inline-start: 0;
26993
+ @media screen and (max-width: 36rem) {
26994
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
26995
+ grid-row-start: 1;
26996
+ grid-column-start: 2;
26997
+ margin-inline-start: 0;
26998
+ }
25775
26999
  }
25776
- }
25777
- @media screen and (max-width: calc(62rem - 1px)) {
25778
27000
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25779
27001
  grid-column: 2;
25780
27002
  grid-row: 2;
@@ -25800,7 +27022,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25800
27022
  }
25801
27023
  }
25802
27024
 
25803
- @media screen and (max-width: calc(75rem - 1px)) {
27025
+ @container pf-v6-contain-table (max-width: 75rem) {
25804
27026
  .pf-m-grid-xl.pf-v6-c-table {
25805
27027
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25806
27028
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26078,15 +27300,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26078
27300
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
26079
27301
  text-align: end;
26080
27302
  }
26081
- }
26082
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
26083
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
26084
- grid-row-start: 1;
26085
- grid-column-start: 2;
26086
- margin-inline-start: 0;
27303
+ @media screen and (max-width: 36rem) {
27304
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
27305
+ grid-row-start: 1;
27306
+ grid-column-start: 2;
27307
+ margin-inline-start: 0;
27308
+ }
26087
27309
  }
26088
- }
26089
- @media screen and (max-width: calc(75rem - 1px)) {
26090
27310
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26091
27311
  grid-column: 2;
26092
27312
  grid-row: 2;
@@ -26112,7 +27332,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26112
27332
  }
26113
27333
  }
26114
27334
 
26115
- @media screen and (max-width: calc(90.625rem - 1px)) {
27335
+ @container pf-v6-contain-table (max-width: 90.625rem) {
26116
27336
  .pf-m-grid-2xl.pf-v6-c-table {
26117
27337
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
26118
27338
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26390,15 +27610,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26390
27610
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26391
27611
  text-align: end;
26392
27612
  }
26393
- }
26394
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
26395
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26396
- grid-row-start: 1;
26397
- grid-column-start: 2;
26398
- margin-inline-start: 0;
27613
+ @media screen and (max-width: 36rem) {
27614
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
27615
+ grid-row-start: 1;
27616
+ grid-column-start: 2;
27617
+ margin-inline-start: 0;
27618
+ }
26399
27619
  }
26400
- }
26401
- @media screen and (max-width: calc(90.625rem - 1px)) {
26402
27620
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26403
27621
  grid-column: 2;
26404
27622
  grid-row: 2;
@@ -26476,10 +27694,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26476
27694
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26477
27695
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
26478
27696
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
26479
- --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
27697
+ --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
26480
27698
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
26481
27699
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
26482
- --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27700
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
26483
27701
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26484
27702
  --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26485
27703
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26513,6 +27731,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26513
27731
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
26514
27732
  --pf-v6-c-table__expandable-row--TranslateY: 0;
26515
27733
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27734
+ }
27735
+ @media screen and (prefers-reduced-motion: no-preference) {
27736
+ .pf-v6-c-table {
27737
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27738
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27739
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27740
+ }
27741
+ }
27742
+ .pf-v6-c-table {
26516
27743
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
26517
27744
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
26518
27745
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26581,13 +27808,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26581
27808
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
26582
27809
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
26583
27810
  }
26584
- @media screen and (prefers-reduced-motion: no-preference) {
26585
- .pf-v6-c-table {
26586
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
26587
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
26588
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
26589
- }
26590
- }
26591
27811
 
26592
27812
  .pf-v6-c-table {
26593
27813
  width: 100%;
@@ -26652,22 +27872,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26652
27872
  --pf-v6-hidden-visible--hidden--Display: none;
26653
27873
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26654
27874
  display: var(--pf-v6-hidden-visible--Display);
26655
- position: relative;
26656
- width: var(--pf-v6-c-table--cell--Width);
26657
- min-width: var(--pf-v6-c-table--cell--MinWidth);
26658
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
26659
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
26660
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
26661
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
26662
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
26663
- overflow: var(--pf-v6-c-table--cell--Overflow);
26664
- font-size: var(--pf-v6-c-table--cell--FontSize);
26665
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
26666
- line-height: var(--pf-v6-c-table--cell--LineHeight);
26667
- color: var(--pf-v6-c-table--cell--Color);
26668
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
26669
- word-break: var(--pf-v6-c-table--cell--WordBreak);
26670
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
26671
27875
  }
26672
27876
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
26673
27877
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -26712,6 +27916,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26712
27916
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26713
27917
  }
26714
27918
  }
27919
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27920
+ position: relative;
27921
+ width: var(--pf-v6-c-table--cell--Width);
27922
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27923
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27924
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27925
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27926
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27927
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27928
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27929
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27930
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27931
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27932
+ color: var(--pf-v6-c-table--cell--Color);
27933
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27934
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27935
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27936
+ }
26715
27937
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26716
27938
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
26717
27939
  }
@@ -27068,16 +28290,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27068
28290
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27069
28291
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27070
28292
  }
28293
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28294
+ scale: -1 1;
28295
+ }
28296
+
27071
28297
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27072
28298
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27073
28299
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27074
28300
  transition-property: transform;
27075
28301
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27076
28302
  }
27077
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27078
- scale: -1 1;
27079
- }
27080
-
27081
28303
  .pf-v6-c-table__toggle svg {
27082
28304
  pointer-events: none;
27083
28305
  }
@@ -27554,13 +28776,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27554
28776
  }
27555
28777
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27556
28778
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
27557
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
27558
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
27559
28779
  }
27560
28780
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27561
28781
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
27562
28782
  }
27563
28783
 
28784
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28785
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28786
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28787
+ }
27564
28788
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27565
28789
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
27566
28790
  }
@@ -28456,7 +29680,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28456
29680
  --pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28457
29681
  --pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
28458
29682
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
28459
- --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
29683
+ --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
28460
29684
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
28461
29685
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28462
29686
  --pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -28473,13 +29697,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28473
29697
  --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28474
29698
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28475
29699
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29700
+ --pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
29701
+ --pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29702
+ --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
28476
29703
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
28477
29704
  --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28478
29705
  --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28479
29706
  --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);
28480
29707
  --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
28481
29708
  --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
28482
- --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29709
+ --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
28483
29710
  }
28484
29711
 
28485
29712
  .pf-v6-c-tabs {
@@ -28607,8 +29834,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28607
29834
  }
28608
29835
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
28609
29836
  position: relative;
28610
- flex-direction: column;
28611
29837
  flex-grow: 1;
29838
+ flex-direction: column;
28612
29839
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
28613
29840
  }
28614
29841
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -28750,6 +29977,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28750
29977
  .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
28751
29978
  overflow: visible;
28752
29979
  }
29980
+ .pf-v6-c-tabs.pf-m-nav {
29981
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29982
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
29983
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
29984
+ }
29985
+ .pf-v6-c-tabs.pf-m-nav::before,
29986
+ .pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
29987
+ border: 0;
29988
+ }
29989
+ .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
29990
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
29991
+ }
28753
29992
 
28754
29993
  .pf-v6-c-tabs__toggle {
28755
29994
  display: var(--pf-v6-c-tabs__toggle--Display);
@@ -28761,15 +30000,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28761
30000
  white-space: normal;
28762
30001
  }
28763
30002
 
30003
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
30004
+ scale: -1 1;
30005
+ }
30006
+
28764
30007
  .pf-v6-c-tabs__toggle-icon {
28765
30008
  display: inline-block;
28766
30009
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
28767
30010
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
28768
30011
  }
28769
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
28770
- scale: -1 1;
28771
- }
28772
30012
 
30013
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
30014
+ display: none;
30015
+ }
28773
30016
  .pf-v6-c-tabs__list {
28774
30017
  scrollbar-width: none;
28775
30018
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28781,25 +30024,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28781
30024
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
28782
30025
  -webkit-overflow-scrolling: touch;
28783
30026
  }
28784
- .pf-v6-c-tabs__list::-webkit-scrollbar {
28785
- display: none;
28786
- }
28787
30027
 
28788
30028
  .pf-v6-c-tabs__item {
28789
30029
  position: relative;
28790
30030
  display: flex;
28791
30031
  flex: none;
28792
30032
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
28793
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28794
30033
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
28795
30034
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
28796
30035
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
28797
30036
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
30037
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28798
30038
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
28799
30039
  }
28800
30040
  .pf-v6-c-tabs__item.pf-m-current {
28801
30041
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
28802
- --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
30042
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
28803
30043
  --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
28804
30044
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
28805
30045
  }
@@ -28847,6 +30087,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28847
30087
  border: 0;
28848
30088
  }
28849
30089
 
30090
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
30091
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
30092
+ }
30093
+
28850
30094
  .pf-v6-c-tabs__link {
28851
30095
  display: flex;
28852
30096
  flex: 1;
@@ -28864,10 +30108,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28864
30108
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
28865
30109
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
28866
30110
  }
28867
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
28868
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
28869
- }
28870
-
28871
30111
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
28872
30112
  pointer-events: none;
28873
30113
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -28922,6 +30162,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28922
30162
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
28923
30163
  }
28924
30164
 
30165
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
30166
+ scale: -1 1;
30167
+ }
30168
+
28925
30169
  .pf-v6-c-tabs__link-toggle-icon {
28926
30170
  align-self: end;
28927
30171
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -28929,9 +30173,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28929
30173
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
28930
30174
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
28931
30175
  }
28932
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
28933
- scale: -1 1;
28934
- }
28935
30176
 
28936
30177
  .pf-v6-c-tabs__item-action {
28937
30178
  display: flex;
@@ -29208,7 +30449,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29208
30449
  }
29209
30450
  .pf-v6-c-text-input-group {
29210
30451
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
29211
- --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
30452
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
29212
30453
  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
29213
30454
  --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
29214
30455
  --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
@@ -29225,7 +30466,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29225
30466
  --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));
29226
30467
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
29227
30468
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
29228
- --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
30469
+ --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
29229
30470
  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
29230
30471
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
29231
30472
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
@@ -29686,30 +30927,37 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29686
30927
  --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
29687
30928
  --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
29688
30929
  --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
29689
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30930
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--control--default);
29690
30931
  --pf-v6-c-toggle-group__button--ZIndex: auto;
29691
- --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
30932
+ --pf-v6-c-toggle-group__button--hover--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
30933
+ --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
29692
30934
  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
29693
- --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
30935
+ --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--hover);
29694
30936
  --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
29695
30937
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
29696
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
30938
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
29697
30939
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
29698
- --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
29699
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
29700
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
29701
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
30940
+ --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--control--default);
30941
+ --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--control--default);
30942
+ --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--control--default);
30943
+ --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--control--default);
29702
30944
  --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
29703
- --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
29704
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
29705
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29706
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
30945
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-t--global--icon--color--regular);
30946
+ --pf-v6-c-toggle-group__icon--hover--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
30947
+ --pf-v6-c-toggle-group__icon--m-selected--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
30948
+ --pf-v6-c-toggle-group__icon--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
30949
+ --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
30950
+ --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
30951
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
30952
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
30953
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
30954
+ --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
30955
+ --pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--brand--subtle--clicked);
29707
30956
  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
29708
- --pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
29709
30957
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29710
30958
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29711
- --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
29712
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
30959
+ --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--control--default);
30960
+ --pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--control--default);
29713
30961
  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
29714
30962
  --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
29715
30963
  --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -29777,9 +31025,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29777
31025
  }
29778
31026
  .pf-v6-c-toggle-group__button:is(:hover, :focus) {
29779
31027
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
31028
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--hover--Color);
29780
31029
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
29781
31030
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
29782
31031
  --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
31032
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--hover--Color);
29783
31033
  text-decoration-line: none;
29784
31034
  }
29785
31035
  .pf-v6-c-toggle-group__button.pf-m-selected {
@@ -29787,22 +31037,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29787
31037
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
29788
31038
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
29789
31039
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
31040
+ --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth);
31041
+ --pf-v6-c-toggle-group__button--after--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderColor);
29790
31042
  --pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
31043
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--m-selected--Color);
29791
31044
  }
29792
31045
  .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
29793
31046
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
29794
31047
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
29795
31048
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
29796
31049
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
31050
+ --pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--disabled--Color);
29797
31051
  pointer-events: none;
29798
31052
  }
29799
31053
 
29800
31054
  .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
29801
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
31055
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor);
29802
31056
  }
29803
31057
 
29804
31058
  .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
29805
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
31059
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor);
31060
+ }
31061
+
31062
+ .pf-v6-c-toggle-group__icon {
31063
+ color: var(--pf-v6-c-toggle-group__icon--Color);
29806
31064
  }
29807
31065
 
29808
31066
  .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
@@ -29852,10 +31110,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29852
31110
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29853
31111
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29854
31112
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
31113
+ --pf-v6-c-toolbar--m-vertical--Width: fit-content;
29855
31114
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29856
31115
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29857
31116
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
29858
- --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
31117
+ --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
29859
31118
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
29860
31119
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
29861
31120
  --pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -29948,9 +31207,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29948
31207
  --pf-v6-hidden-visible--hidden--Display: none;
29949
31208
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29950
31209
  display: var(--pf-v6-hidden-visible--Display);
29951
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
29952
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
29953
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
29954
31210
  }
29955
31211
  .pf-v6-c-toolbar__content.pf-m-hidden {
29956
31212
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -29995,6 +31251,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29995
31251
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29996
31252
  }
29997
31253
  }
31254
+ .pf-v6-c-toolbar__content {
31255
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
31256
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31257
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31258
+ }
29998
31259
 
29999
31260
  .pf-v6-c-toolbar__content-section {
30000
31261
  flex-wrap: wrap;
@@ -30055,14 +31316,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30055
31316
  .pf-v6-c-toolbar.pf-m-no-background {
30056
31317
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
30057
31318
  }
31319
+ .pf-v6-c-toolbar.pf-m-vertical {
31320
+ --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
31321
+ --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
31322
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
31323
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
31324
+ }
31325
+ .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
31326
+ flex-direction: column;
31327
+ align-items: center;
31328
+ }
30058
31329
 
30059
31330
  .pf-v6-c-toolbar__item {
30060
31331
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30061
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30062
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30063
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30064
- width: var(--pf-v6-c-toolbar__item--Width--base);
30065
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30066
31332
  }
30067
31333
  @media (min-width: 36rem) {
30068
31334
  .pf-v6-c-toolbar__item {
@@ -30089,6 +31355,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30089
31355
  --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))))));
30090
31356
  }
30091
31357
  }
31358
+ .pf-v6-c-toolbar__item {
31359
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31360
+ }
30092
31361
  @media (min-width: 36rem) {
30093
31362
  .pf-v6-c-toolbar__item {
30094
31363
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30114,6 +31383,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30114
31383
  --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))))));
30115
31384
  }
30116
31385
  }
31386
+ .pf-v6-c-toolbar__item {
31387
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31388
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31389
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31390
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31391
+ }
30117
31392
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30118
31393
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30119
31394
  }
@@ -30134,6 +31409,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30134
31409
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
30135
31410
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
30136
31411
  }
31412
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
31413
+ row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
31414
+ }
30137
31415
  .pf-v6-c-toolbar__group.pf-m-filter-group {
30138
31416
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
30139
31417
  }
@@ -30145,9 +31423,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30145
31423
  .pf-v6-c-toolbar__group.pf-m-action-group {
30146
31424
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
30147
31425
  }
31426
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
31427
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
31428
+ }
30148
31429
  .pf-v6-c-toolbar__group.pf-m-action-group-plain {
30149
31430
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
30150
31431
  }
31432
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
31433
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
31434
+ }
30151
31435
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
30152
31436
  flex-wrap: wrap;
30153
31437
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
@@ -30224,7 +31508,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30224
31508
  }
30225
31509
  .pf-v6-c-toolbar__group.pf-m-align-end,
30226
31510
  .pf-v6-c-toolbar__item.pf-m-align-end {
30227
- margin-inline-start: auto;
31511
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31512
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30228
31513
  }
30229
31514
  .pf-v6-c-toolbar__group.pf-m-flex-grow,
30230
31515
  .pf-v6-c-toolbar__item.pf-m-flex-grow {
@@ -30479,7 +31764,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30479
31764
  }
30480
31765
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
30481
31766
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
30482
- margin-inline-start: auto;
31767
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31768
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30483
31769
  }
30484
31770
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
30485
31771
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
@@ -30731,7 +32017,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30731
32017
  }
30732
32018
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
30733
32019
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
30734
- margin-inline-start: auto;
32020
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32021
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30735
32022
  }
30736
32023
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
30737
32024
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
@@ -30983,7 +32270,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30983
32270
  }
30984
32271
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
30985
32272
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
30986
- margin-inline-start: auto;
32273
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32274
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30987
32275
  }
30988
32276
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
30989
32277
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
@@ -31235,7 +32523,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31235
32523
  }
31236
32524
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
31237
32525
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
31238
- margin-inline-start: auto;
32526
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32527
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31239
32528
  }
31240
32529
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
31241
32530
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
@@ -31487,7 +32776,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31487
32776
  }
31488
32777
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
31489
32778
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
31490
- margin-inline-start: auto;
32779
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32780
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31491
32781
  }
31492
32782
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
31493
32783
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
@@ -31972,6 +33262,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31972
33262
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
31973
33263
  --pf-v6-c-tree-view__list--TranslateY: 0;
31974
33264
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33265
+ }
33266
+ @media screen and (prefers-reduced-motion: no-preference) {
33267
+ .pf-v6-c-tree-view {
33268
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33269
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33270
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33271
+ }
33272
+ }
33273
+ .pf-v6-c-tree-view {
31975
33274
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
31976
33275
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
31977
33276
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31999,7 +33298,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31999
33298
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
32000
33299
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32001
33300
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32002
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33301
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
33302
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33303
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33304
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32003
33305
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32004
33306
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32005
33307
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32055,6 +33357,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32055
33357
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32056
33358
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32057
33359
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33360
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33361
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33362
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33363
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33364
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33365
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32058
33366
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32059
33367
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32060
33368
  --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));
@@ -32064,13 +33372,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32064
33372
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32065
33373
  --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);
32066
33374
  }
32067
- @media screen and (prefers-reduced-motion: no-preference) {
32068
- .pf-v6-c-tree-view {
32069
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32070
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32071
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32072
- }
32073
- }
32074
33375
 
32075
33376
  .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 {
32076
33377
  position: relative;
@@ -32151,11 +33452,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32151
33452
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32152
33453
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32153
33454
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33455
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32154
33456
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32155
33457
  }
32156
33458
  .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 {
32157
33459
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32158
33460
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33461
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33462
+ }
33463
+ .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 {
33464
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32159
33465
  }
32160
33466
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32161
33467
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32180,6 +33486,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32180
33486
  }
32181
33487
  .pf-v6-c-tree-view.pf-m-no-background {
32182
33488
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33489
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33490
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33491
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33492
+ }
33493
+
33494
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33495
+ scale: -1 1;
32183
33496
  }
32184
33497
 
32185
33498
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32189,9 +33502,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32189
33502
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32190
33503
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32191
33504
  }
32192
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32193
- scale: -1 1;
32194
- }
32195
33505
 
32196
33506
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32197
33507
  max-height: 0;
@@ -32255,6 +33565,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32255
33565
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32256
33566
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32257
33567
  }
33568
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33569
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33570
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33571
+ --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);
33572
+ --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);
33573
+ }
32258
33574
 
32259
33575
  .pf-v6-c-tree-view__node-container {
32260
33576
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32297,6 +33613,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32297
33613
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32298
33614
  }
32299
33615
 
33616
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33617
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33618
+ }
33619
+
32300
33620
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32301
33621
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32302
33622
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32312,6 +33632,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32312
33632
  white-space: nowrap;
32313
33633
  }
32314
33634
 
33635
+ label.pf-v6-c-tree-view__node-text {
33636
+ cursor: pointer;
33637
+ }
33638
+
32315
33639
  .pf-v6-c-tree-view__node-text {
32316
33640
  font-weight: inherit;
32317
33641
  color: inherit;
@@ -32319,9 +33643,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32319
33643
  background-color: transparent;
32320
33644
  border: 0;
32321
33645
  }
32322
- label.pf-v6-c-tree-view__node-text {
32323
- cursor: pointer;
32324
- }
32325
33646
 
32326
33647
  .pf-v6-c-tree-view__node-title {
32327
33648
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -32495,7 +33816,7 @@ label.pf-v6-c-tree-view__node-text {
32495
33816
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
32496
33817
  --pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
32497
33818
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
32498
- --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
33819
+ --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
32499
33820
  --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
32500
33821
  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
32501
33822
  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
@@ -32550,6 +33871,15 @@ label.pf-v6-c-tree-view__node-text {
32550
33871
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
32551
33872
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
32552
33873
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33874
+ }
33875
+ @media screen and (min-width: 62rem) {
33876
+ .pf-v6-c-wizard {
33877
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33878
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33879
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33880
+ }
33881
+ }
33882
+ .pf-v6-c-wizard {
32553
33883
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
32554
33884
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
32555
33885
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -32574,13 +33904,6 @@ label.pf-v6-c-tree-view__node-text {
32574
33904
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
32575
33905
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
32576
33906
  }
32577
- @media screen and (min-width: 62rem) {
32578
- .pf-v6-c-wizard {
32579
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32580
- --pf-v6-c-wizard__nav--BoxShadow: none;
32581
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32582
- }
32583
- }
32584
33907
 
32585
33908
  .pf-v6-c-wizard {
32586
33909
  position: relative;
@@ -32716,13 +34039,14 @@ label.pf-v6-c-tree-view__node-text {
32716
34039
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
32717
34040
  }
32718
34041
 
32719
- .pf-v6-c-wizard__toggle-separator {
32720
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
32721
- }
32722
34042
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
32723
34043
  scale: -1 1;
32724
34044
  }
32725
34045
 
34046
+ .pf-v6-c-wizard__toggle-separator {
34047
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
34048
+ }
34049
+
32726
34050
  .pf-v6-c-wizard__toggle-icon {
32727
34051
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
32728
34052
  }
@@ -32730,8 +34054,8 @@ label.pf-v6-c-tree-view__node-text {
32730
34054
  .pf-v6-c-wizard__outer-wrap {
32731
34055
  position: relative;
32732
34056
  display: flex;
32733
- flex-direction: column;
32734
34057
  flex-grow: 1;
34058
+ flex-direction: column;
32735
34059
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
32736
34060
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
32737
34061
  }
@@ -32744,8 +34068,8 @@ label.pf-v6-c-tree-view__node-text {
32744
34068
  .pf-v6-c-wizard__inner-wrap {
32745
34069
  position: relative;
32746
34070
  display: flex;
32747
- flex-direction: column;
32748
34071
  flex-grow: 1;
34072
+ flex-direction: column;
32749
34073
  min-height: 0;
32750
34074
  }
32751
34075
  @media screen and (min-width: 62rem) {
@@ -32923,6 +34247,10 @@ label.pf-v6-c-tree-view__node-text {
32923
34247
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
32924
34248
  }
32925
34249
 
34250
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
34251
+ scale: -1 1;
34252
+ }
34253
+
32926
34254
  .pf-v6-c-wizard__nav-link-toggle-icon {
32927
34255
  display: inline-block;
32928
34256
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -32930,15 +34258,12 @@ label.pf-v6-c-tree-view__node-text {
32930
34258
  transition-property: transform;
32931
34259
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
32932
34260
  }
32933
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
32934
- scale: -1 1;
32935
- }
32936
34261
 
32937
34262
  .pf-v6-c-wizard__main {
32938
34263
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
32939
34264
  display: flex;
32940
- flex-direction: column;
32941
34265
  flex-grow: 1;
34266
+ flex-direction: column;
32942
34267
  overflow-x: hidden;
32943
34268
  overflow-y: auto;
32944
34269
  word-break: break-word;
@@ -35376,12 +36701,13 @@ label.pf-v6-c-tree-view__node-text {
35376
36701
  display: grid;
35377
36702
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35378
36703
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35379
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35380
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35381
36704
  }
35382
36705
  .pf-v6-l-gallery.pf-m-gutter {
35383
36706
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35384
36707
  }
36708
+ .pf-v6-l-gallery {
36709
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36710
+ }
35385
36711
  @media (min-width: 36rem) {
35386
36712
  .pf-v6-l-gallery {
35387
36713
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -35407,6 +36733,9 @@ label.pf-v6-c-tree-view__node-text {
35407
36733
  --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))))));
35408
36734
  }
35409
36735
  }
36736
+ .pf-v6-l-gallery {
36737
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36738
+ }
35410
36739
  @media (min-width: 36rem) {
35411
36740
  .pf-v6-l-gallery {
35412
36741
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));