@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.41

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 (338) 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 +16 -13
  32. package/components/Accordion/accordion.scss +0 -1
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +5 -4
  36. package/components/Avatar/avatar.css +12 -4
  37. package/components/BackgroundImage/background-image.css +6 -3
  38. package/components/Banner/banner.css +8 -6
  39. package/components/Brand/brand.css +3 -1
  40. package/components/Breadcrumb/breadcrumb.css +4 -3
  41. package/components/Button/button.css +39 -9
  42. package/components/Button/button.scss +40 -4
  43. package/components/CalendarMonth/calendar-month.css +4 -3
  44. package/components/Card/card.css +19 -6
  45. package/components/Card/card.scss +15 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  47. package/components/CodeEditor/code-editor.css +1 -1
  48. package/components/CodeEditor/code-editor.scss +1 -1
  49. package/components/Compass/compass.css +320 -0
  50. package/components/Compass/compass.scss +349 -0
  51. package/components/DataList/data-list.css +33 -22
  52. package/components/DataList/data-list.scss +6 -1
  53. package/components/DescriptionList/description-list-order.scss +5 -1
  54. package/components/DescriptionList/description-list.css +7 -5
  55. package/components/DescriptionList/description-list.scss +5 -1
  56. package/components/Divider/divider.css +7 -5
  57. package/components/Drawer/drawer.css +110 -56
  58. package/components/Drawer/drawer.scss +69 -9
  59. package/components/DualListSelector/dual-list-selector.css +17 -11
  60. package/components/ExpandableSection/expandable-section.css +19 -14
  61. package/components/ExpandableSection/expandable-section.scss +4 -1
  62. package/components/Form/form.css +1 -1
  63. package/components/Form/form.scss +1 -1
  64. package/components/FormControl/form-control.css +1 -1
  65. package/components/FormControl/form-control.scss +1 -1
  66. package/components/Hero/hero.css +74 -0
  67. package/components/Hero/hero.scss +86 -0
  68. package/components/JumpLinks/jump-links.css +4 -3
  69. package/components/JumpLinks/jump-links.scss +5 -1
  70. package/components/Label/label-group.css +2 -2
  71. package/components/Label/label-group.scss +2 -2
  72. package/components/Label/label.css +4 -3
  73. package/components/Login/login.css +51 -37
  74. package/components/Masthead/masthead.css +70 -16
  75. package/components/Masthead/masthead.scss +54 -1
  76. package/components/Menu/menu.css +23 -14
  77. package/components/MenuToggle/menu-toggle.css +4 -0
  78. package/components/MenuToggle/menu-toggle.scss +5 -0
  79. package/components/ModalBox/modal-box.css +9 -7
  80. package/components/ModalBox/modal-box.scss +2 -2
  81. package/components/Nav/nav.css +72 -9
  82. package/components/Nav/nav.scss +75 -3
  83. package/components/NotificationDrawer/notification-drawer.css +8 -6
  84. package/components/NotificationDrawer/notification-drawer.scss +2 -0
  85. package/components/Page/page.css +55 -29
  86. package/components/Page/page.scss +44 -5
  87. package/components/Pagination/pagination.scss +5 -1
  88. package/components/ProgressStepper/progress-stepper.scss +5 -1
  89. package/components/Sidebar/sidebar.css +1 -1
  90. package/components/Sidebar/sidebar.scss +7 -3
  91. package/components/Skeleton/skeleton.css +16 -15
  92. package/components/Slider/slider.css +32 -18
  93. package/components/Switch/switch.css +3 -1
  94. package/components/Table/table-grid.css +28 -36
  95. package/components/Table/table-grid.scss +4 -4
  96. package/components/Table/table-tree-view.css +4 -2
  97. package/components/Table/table.css +31 -27
  98. package/components/Tabs/tabs.css +33 -16
  99. package/components/Tabs/tabs.scss +33 -5
  100. package/components/Toolbar/toolbar.css +46 -14
  101. package/components/Toolbar/toolbar.scss +33 -5
  102. package/components/TreeView/tree-view.css +44 -13
  103. package/components/TreeView/tree-view.scss +31 -0
  104. package/components/Wizard/wizard.css +20 -16
  105. package/components/Wizard/wizard.scss +3 -3
  106. package/components/_index.css +1460 -633
  107. package/components/_index.scss +3 -1
  108. package/docs/components/Avatar/examples/Avatar.md +4 -4
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Button/examples/Button.md +116 -0
  111. package/docs/components/Card/examples/Card.md +154 -0
  112. package/docs/components/Compass/examples/Compass.css +17 -0
  113. package/docs/components/Compass/examples/Compass.md +118 -0
  114. package/docs/components/DataList/examples/DataList.md +184 -188
  115. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  116. package/docs/components/Divider/examples/Divider.md +2 -2
  117. package/docs/components/Drawer/examples/Drawer.md +83 -17
  118. package/docs/components/Hero/examples/Hero.md +25 -0
  119. package/docs/components/Icon/examples/Icon.md +1 -1
  120. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  121. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  122. package/docs/components/Masthead/examples/masthead.md +68 -1
  123. package/docs/components/Menu/examples/Menu.md +2 -2
  124. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  125. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  126. package/docs/components/Nav/examples/Navigation.md +44 -0
  127. package/docs/components/Page/examples/Page.md +39 -2
  128. package/docs/components/Pagination/examples/Pagination.md +3 -3
  129. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  130. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  131. package/docs/components/Table/examples/Table.md +4 -3
  132. package/docs/components/Tabs/examples/Tabs.md +998 -83
  133. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  134. package/docs/components/TreeView/examples/TreeView.md +38 -26
  135. package/docs/components/Wizard/examples/Wizard.md +15 -15
  136. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  137. package/docs/demos/Alert/examples/Alert.md +15 -15
  138. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  139. package/docs/demos/Banner/examples/Banner.md +10 -10
  140. package/docs/demos/Card/examples/Card.md +14 -2
  141. package/docs/demos/CardView/examples/CardView.md +5 -5
  142. package/docs/demos/Compass/examples/Compass.md +6470 -0
  143. package/docs/demos/Dashboard/examples/Dashboard.md +6 -9
  144. package/docs/demos/DataList/examples/DataList.md +20 -23
  145. package/docs/demos/DescriptionList/examples/DescriptionList.md +57 -50
  146. package/docs/demos/Drawer/examples/Drawer.md +67 -60
  147. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  148. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  149. package/docs/demos/Modal/examples/Modal.md +30 -33
  150. package/docs/demos/Nav/examples/Nav.md +299 -62
  151. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  152. package/docs/demos/Page/examples/Page.md +70 -79
  153. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +178 -200
  154. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  155. package/docs/demos/Table/examples/Table.md +1922 -78
  156. package/docs/demos/Tabs/examples/Tabs.md +102 -39
  157. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  158. package/docs/demos/Wizard/examples/Wizard.md +76 -82
  159. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  160. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  161. package/docs/layouts/Flex/examples/Flex.css +3 -3
  162. package/docs/layouts/Flex/examples/Flex.md +3 -2
  163. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  164. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  165. package/docs/layouts/Grid/examples/Grid.css +1 -1
  166. package/docs/layouts/Grid/examples/Grid.md +6 -5
  167. package/docs/layouts/Level/examples/Level.css +3 -3
  168. package/docs/layouts/Level/examples/Level.md +2 -1
  169. package/docs/layouts/Split/examples/Split.css +1 -1
  170. package/docs/layouts/Split/examples/Split.md +2 -1
  171. package/docs/layouts/Stack/examples/Stack.css +3 -3
  172. package/docs/layouts/Stack/examples/Stack.md +2 -1
  173. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  174. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  175. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  176. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  177. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  178. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  179. package/docs/utilities/Display/examples/Display.css +1 -1
  180. package/docs/utilities/Display/examples/Display.md +3 -2
  181. package/docs/utilities/Flex/examples/Flex.css +7 -7
  182. package/docs/utilities/Flex/examples/Flex.md +3 -2
  183. package/docs/utilities/Float/examples/Float.css +2 -2
  184. package/docs/utilities/Float/examples/Float.md +3 -2
  185. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  186. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  187. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  188. package/docs/utilities/Text/examples/Text.md +5 -4
  189. package/icons/PfIcons/add-circle-o.svg +4 -0
  190. package/icons/PfIcons/ansible-tower.svg +4 -0
  191. package/icons/PfIcons/applications.svg +4 -0
  192. package/icons/PfIcons/arrow.svg +4 -0
  193. package/icons/PfIcons/asleep.svg +4 -0
  194. package/icons/PfIcons/attention-bell.svg +4 -0
  195. package/icons/PfIcons/automation.svg +4 -0
  196. package/icons/PfIcons/bell.svg +4 -0
  197. package/icons/PfIcons/blueprint.svg +4 -0
  198. package/icons/PfIcons/build.svg +4 -0
  199. package/icons/PfIcons/builder-image.svg +4 -0
  200. package/icons/PfIcons/bundle.svg +4 -0
  201. package/icons/PfIcons/catalog.svg +4 -0
  202. package/icons/PfIcons/chat.svg +4 -0
  203. package/icons/PfIcons/close.svg +4 -0
  204. package/icons/PfIcons/cloud-security.svg +4 -0
  205. package/icons/PfIcons/cloud-tenant.svg +4 -0
  206. package/icons/PfIcons/cluster.svg +4 -0
  207. package/icons/PfIcons/connected.svg +4 -0
  208. package/icons/PfIcons/container-node.svg +4 -0
  209. package/icons/PfIcons/cpu.svg +4 -0
  210. package/icons/PfIcons/critical-risk.svg +4 -0
  211. package/icons/PfIcons/data-processor.svg +4 -0
  212. package/icons/PfIcons/data-sink.svg +4 -0
  213. package/icons/PfIcons/data-source.svg +4 -0
  214. package/icons/PfIcons/degraded.svg +4 -0
  215. package/icons/PfIcons/disconnected.svg +4 -0
  216. package/icons/PfIcons/domain.svg +4 -0
  217. package/icons/PfIcons/edit.svg +4 -0
  218. package/icons/PfIcons/enhancement.svg +4 -0
  219. package/icons/PfIcons/enterprise.svg +4 -0
  220. package/icons/PfIcons/equalizer.svg +4 -0
  221. package/icons/PfIcons/error-circle-o.svg +4 -0
  222. package/icons/PfIcons/export.svg +4 -0
  223. package/icons/PfIcons/filter.svg +4 -0
  224. package/icons/PfIcons/flavor.svg +4 -0
  225. package/icons/PfIcons/folder-close.svg +4 -0
  226. package/icons/PfIcons/folder-open.svg +4 -0
  227. package/icons/PfIcons/globe-route.svg +4 -0
  228. package/icons/PfIcons/help.svg +4 -0
  229. package/icons/PfIcons/history.svg +4 -0
  230. package/icons/PfIcons/home.svg +4 -0
  231. package/icons/PfIcons/import.svg +4 -0
  232. package/icons/PfIcons/in-progress.svg +4 -0
  233. package/icons/PfIcons/info.svg +4 -0
  234. package/icons/PfIcons/infrastructure.svg +4 -0
  235. package/icons/PfIcons/integration.svg +4 -0
  236. package/icons/PfIcons/key.svg +4 -0
  237. package/icons/PfIcons/locked.svg +4 -0
  238. package/icons/PfIcons/maintenance.svg +4 -0
  239. package/icons/PfIcons/memory.svg +4 -0
  240. package/icons/PfIcons/messages.svg +4 -0
  241. package/icons/PfIcons/middleware.svg +4 -0
  242. package/icons/PfIcons/migration.svg +4 -0
  243. package/icons/PfIcons/module.svg +4 -0
  244. package/icons/PfIcons/monitoring.svg +4 -0
  245. package/icons/PfIcons/multicluster.svg +4 -0
  246. package/icons/PfIcons/namespaces.svg +4 -0
  247. package/icons/PfIcons/network.svg +4 -0
  248. package/icons/PfIcons/new-process.svg +4 -0
  249. package/icons/PfIcons/not-started.svg +4 -0
  250. package/icons/PfIcons/off.svg +4 -0
  251. package/icons/PfIcons/ok.svg +4 -0
  252. package/icons/PfIcons/on-running.svg +4 -0
  253. package/icons/PfIcons/on.svg +4 -0
  254. package/icons/PfIcons/open-drawer-right.svg +4 -0
  255. package/icons/PfIcons/openshift.svg +4 -0
  256. package/icons/PfIcons/openstack.svg +4 -0
  257. package/icons/PfIcons/optimize.svg +4 -0
  258. package/icons/PfIcons/orders.svg +4 -0
  259. package/icons/PfIcons/os-image.svg +4 -0
  260. package/icons/PfIcons/package.svg +4 -0
  261. package/icons/PfIcons/panel-close.svg +4 -0
  262. package/icons/PfIcons/panel-open.svg +4 -0
  263. package/icons/PfIcons/paused.svg +4 -0
  264. package/icons/PfIcons/pending.svg +4 -0
  265. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  266. package/icons/PfIcons/pficon-history.svg +4 -0
  267. package/icons/PfIcons/pficon-network-range.svg +4 -0
  268. package/icons/PfIcons/pficon-satellite.svg +4 -0
  269. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  270. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  271. package/icons/PfIcons/pficon-template.svg +4 -0
  272. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  273. package/icons/PfIcons/plugged.svg +4 -0
  274. package/icons/PfIcons/port.svg +4 -0
  275. package/icons/PfIcons/print.svg +4 -0
  276. package/icons/PfIcons/private.svg +4 -0
  277. package/icons/PfIcons/process-automation.svg +4 -0
  278. package/icons/PfIcons/project.svg +4 -0
  279. package/icons/PfIcons/rebalance.svg +4 -0
  280. package/icons/PfIcons/rebooting.svg +4 -0
  281. package/icons/PfIcons/regions.svg +4 -0
  282. package/icons/PfIcons/registry.svg +4 -0
  283. package/icons/PfIcons/remove2.svg +4 -0
  284. package/icons/PfIcons/replicator.svg +4 -0
  285. package/icons/PfIcons/repository.svg +4 -0
  286. package/icons/PfIcons/resource-pool.svg +4 -0
  287. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  288. package/icons/PfIcons/resources-almost-full.svg +4 -0
  289. package/icons/PfIcons/resources-empty.svg +4 -0
  290. package/icons/PfIcons/resources-full.svg +4 -0
  291. package/icons/PfIcons/running.svg +4 -0
  292. package/icons/PfIcons/save.svg +4 -0
  293. package/icons/PfIcons/screen.svg +4 -0
  294. package/icons/PfIcons/security.svg +4 -0
  295. package/icons/PfIcons/server-group.svg +4 -0
  296. package/icons/PfIcons/server.svg +4 -0
  297. package/icons/PfIcons/service-catalog.svg +4 -0
  298. package/icons/PfIcons/service.svg +4 -0
  299. package/icons/PfIcons/services.svg +4 -0
  300. package/icons/PfIcons/severity-critical.svg +4 -0
  301. package/icons/PfIcons/severity-important.svg +4 -0
  302. package/icons/PfIcons/severity-minor.svg +4 -0
  303. package/icons/PfIcons/severity-moderate.svg +4 -0
  304. package/icons/PfIcons/severity-none.svg +4 -0
  305. package/icons/PfIcons/severity-undefined.svg +4 -0
  306. package/icons/PfIcons/spinner.svg +4 -0
  307. package/icons/PfIcons/spinner2.svg +4 -0
  308. package/icons/PfIcons/storage-domain.svg +4 -0
  309. package/icons/PfIcons/task.svg +4 -0
  310. package/icons/PfIcons/tenant.svg +4 -0
  311. package/icons/PfIcons/thumb-tack.svg +4 -0
  312. package/icons/PfIcons/topology.svg +4 -0
  313. package/icons/PfIcons/treeview.svg +4 -0
  314. package/icons/PfIcons/trend-down.svg +4 -0
  315. package/icons/PfIcons/trend-up.svg +4 -0
  316. package/icons/PfIcons/unknown.svg +4 -0
  317. package/icons/PfIcons/unlocked.svg +4 -0
  318. package/icons/PfIcons/unplugged.svg +4 -0
  319. package/icons/PfIcons/user.svg +4 -0
  320. package/icons/PfIcons/users.svg +4 -0
  321. package/icons/PfIcons/virtual-machine.svg +4 -0
  322. package/icons/PfIcons/volume.svg +4 -0
  323. package/icons/PfIcons/warning-triangle.svg +4 -0
  324. package/icons/PfIcons/zone.svg +4 -0
  325. package/layouts/Flex/flex.scss +83 -19
  326. package/layouts/Gallery/gallery.css +6 -2
  327. package/layouts/_index.css +6 -2
  328. package/package.json +34 -16
  329. package/patternfly-base-no-globals.css +406 -14
  330. package/patternfly-base.css +413 -14
  331. package/patternfly-charts.css +3 -3
  332. package/patternfly-no-globals.css +1796 -573
  333. package/patternfly.css +1803 -573
  334. package/patternfly.min.css +1 -1
  335. package/patternfly.min.css.map +1 -1
  336. package/sass-utilities/functions.scss +32 -25
  337. package/sass-utilities/mixins.scss +36 -20
  338. package/sass-utilities/namespaces-components.scss +6 -0
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-screen-reader {
3
2
  position: fixed;
4
3
  inset-block-start: 0;
@@ -56,11 +55,61 @@
56
55
  --pf-t--global--duration--200: 1ms !important;
57
56
  --pf-t--global--duration--100: 1ms !important;
58
57
  --pf-t--global--duration--50: 1ms !important;
58
+ --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
59
59
  }
60
60
 
61
+ .pf-v6-m-ai-indicator {
62
+ position: relative;
63
+ }
64
+ .pf-v6-m-ai-indicator::before {
65
+ position: absolute;
66
+ inset: 0;
67
+ pointer-events: none;
68
+ content: "";
69
+ background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
70
+ border: var(--pf-t--global--border--width--extra-strong) solid transparent;
71
+ border-radius: inherit;
72
+ mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
73
+ mask-composite: exclude;
74
+ }
75
+
76
+ @property --pf-v6-global--thinking--BoxShadow--Spread {
77
+ syntax: "<length>";
78
+ initial-value: 0;
79
+ inherits: false;
80
+ }
81
+ .pf-v6-m-thinking {
82
+ box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
83
+ animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
84
+ }
85
+ .pf-v6-m-thinking.pf-m-inset {
86
+ box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
87
+ }
88
+
89
+ @keyframes pf-v6-global-thinking {
90
+ 50% {
91
+ --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
92
+ }
93
+ }
61
94
  :root {
62
95
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
63
96
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
97
+ --pf-v6-global--thinking--BoxShadow--Spread: 0px;
98
+ --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
99
+ --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
100
+ --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
101
+ --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
102
+ --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
103
+ --pf-v6-global--thinking-active--Animation--Duration: 0;
104
+ }
105
+ @media screen and (prefers-reduced-motion: no-preference) {
106
+ :root {
107
+ --pf-v6-global--thinking-active--Animation--Duration: 2s;
108
+ }
109
+ }
110
+ :root {
111
+ container-type: inline-size;
112
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
64
113
  }
65
114
 
66
115
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -6254,6 +6303,17 @@
6254
6303
  vertical-align: -0.125em;
6255
6304
  }
6256
6305
 
6306
+ .pf-v6-svg .pf-v6-icon-rh-ui {
6307
+ display: none;
6308
+ }
6309
+
6310
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
6311
+ display: none;
6312
+ }
6313
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
6314
+ display: revert;
6315
+ }
6316
+
6257
6317
  :root {
6258
6318
  --pf-v6-global--inverse--multiplier: 1;
6259
6319
  --pf-t--color--black: #000000;
@@ -6269,6 +6329,7 @@
6269
6329
  --pf-t--color--gray--20: #e0e0e0;
6270
6330
  --pf-t--color--gray--30: #c7c7c7;
6271
6331
  --pf-t--color--gray--40: #a3a3a3;
6332
+ --pf-t--color--gray--45: #8c8c8c;
6272
6333
  --pf-t--color--gray--50: #707070;
6273
6334
  --pf-t--color--gray--60: #4d4d4d;
6274
6335
  --pf-t--color--gray--70: #383838;
@@ -6299,6 +6360,7 @@
6299
6360
  --pf-t--color--purple--60: #3d2785;
6300
6361
  --pf-t--color--purple--70: #21134d;
6301
6362
  --pf-t--color--purple--80: #1b0d33;
6363
+ --pf-t--color--red--05: #fef0f0;
6302
6364
  --pf-t--color--red--10: #fce3e3;
6303
6365
  --pf-t--color--red--20: #fbc5c5;
6304
6366
  --pf-t--color--red--30: #f9a8a8;
@@ -6332,9 +6394,14 @@
6332
6394
  --pf-t--color--yellow--60: #96640f;
6333
6395
  --pf-t--color--yellow--70: #73480b;
6334
6396
  --pf-t--color--yellow--80: #54330b;
6335
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6397
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6336
6398
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6399
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6337
6400
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6401
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
6402
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
6403
+ --pf-t--global--background--opacity--glass--floating: 100%;
6404
+ --pf-t--global--background--opacity--glass--primary: 100%;
6338
6405
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6339
6406
  --pf-t--global--border--radius--0: 0px;
6340
6407
  --pf-t--global--border--radius--100: 4px;
@@ -6362,12 +6429,12 @@
6362
6429
  --pf-t--global--box-shadow--X--700: 10px;
6363
6430
  --pf-t--global--box-shadow--X--800: 20px;
6364
6431
  --pf-t--global--box-shadow--Y--100: -10px;
6365
- --pf-t--global--box-shadow--Y--200: -4px;
6432
+ --pf-t--global--box-shadow--Y--200: -2px;
6366
6433
  --pf-t--global--box-shadow--Y--300: -1px;
6367
6434
  --pf-t--global--box-shadow--Y--400: 0px;
6368
6435
  --pf-t--global--box-shadow--Y--50: -20px;
6369
6436
  --pf-t--global--box-shadow--Y--500: 1px;
6370
- --pf-t--global--box-shadow--Y--600: 4px;
6437
+ --pf-t--global--box-shadow--Y--600: 2px;
6371
6438
  --pf-t--global--box-shadow--Y--700: 10px;
6372
6439
  --pf-t--global--box-shadow--Y--800: 20px;
6373
6440
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6438,6 +6505,7 @@
6438
6505
  --pf-t--global--spacer--800: 5rem;
6439
6506
  --pf-t--global--text-decoration--line--100: none;
6440
6507
  --pf-t--global--text-decoration--line--200: underline;
6508
+ --pf-t--global--text-decoration--offset--hover: 5;
6441
6509
  --pf-t--global--text-decoration--style--100: solid;
6442
6510
  --pf-t--global--text-decoration--style--200: dashed;
6443
6511
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6459,12 +6527,14 @@
6459
6527
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6460
6528
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6461
6529
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6530
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6531
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6462
6532
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6463
6533
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6464
6534
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6465
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6535
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6466
6536
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6467
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6537
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6468
6538
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6469
6539
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6470
6540
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6474,9 +6544,9 @@
6474
6544
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6475
6545
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6476
6546
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6477
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6547
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6478
6548
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6479
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6549
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6480
6550
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6481
6551
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6482
6552
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6550,9 +6620,17 @@
6550
6620
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6551
6621
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6552
6622
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6623
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6624
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6625
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6626
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6627
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6628
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6629
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6630
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6553
6631
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6554
6632
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6555
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6633
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6556
6634
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6557
6635
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6558
6636
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6618,7 +6696,7 @@
6618
6696
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6619
6697
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6620
6698
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6621
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6699
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6622
6700
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6623
6701
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6624
6702
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6703,8 +6781,8 @@
6703
6781
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6704
6782
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6705
6783
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6706
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6707
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6784
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6785
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6708
6786
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6709
6787
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6710
6788
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6729,8 +6807,12 @@
6729
6807
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6730
6808
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6731
6809
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6810
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6811
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6812
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6732
6813
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6733
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6814
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6815
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6734
6816
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6735
6817
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6736
6818
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6765,9 +6847,17 @@
6765
6847
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6766
6848
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6767
6849
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6850
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6851
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6852
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
6853
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
6854
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6768
6855
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6769
6856
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6770
6857
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
6858
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
6859
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
6860
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6771
6861
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6772
6862
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6773
6863
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -6898,7 +6988,10 @@
6898
6988
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
6899
6989
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
6900
6990
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
6991
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
6901
6992
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
6993
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
6994
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
6902
6995
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
6903
6996
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6904
6997
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -6916,6 +7009,9 @@
6916
7009
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
6917
7010
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
6918
7011
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7012
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7013
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7014
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
6919
7015
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
6920
7016
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
6921
7017
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -6956,9 +7052,15 @@
6956
7052
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
6957
7053
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
6958
7054
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7055
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7056
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7057
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
6959
7058
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
6960
7059
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
6961
7060
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7061
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7062
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7063
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
6962
7064
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6963
7065
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6964
7066
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7031,9 +7133,15 @@
7031
7133
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7032
7134
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7033
7135
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7136
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7137
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7138
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7034
7139
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7035
7140
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7036
7141
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7142
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7143
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7144
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7037
7145
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7038
7146
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7039
7147
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7068,7 +7176,20 @@
7068
7176
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7069
7177
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7070
7178
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7179
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7180
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7181
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7182
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7183
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7071
7184
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7185
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7186
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7187
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7188
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7189
+ --pf-t--global--text-decoration--color--hover: currentcolor;
7190
+ --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
7191
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7192
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7072
7193
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
7073
7194
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
7074
7195
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7174,18 +7295,27 @@
7174
7295
  var(--pf-t--global--box-shadow--color--lg--directional);
7175
7296
  --pf-t--global--list-style: disc outside;
7176
7297
  --pf-t--temp--dev--tbd: #BC11E0;
7298
+ --pf-t--global--background--color--glass--primary--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--primary) var(--pf-t--global--background--opacity--glass--primary), transparent );
7299
+ --pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
7177
7300
  }
7178
7301
 
7179
7302
  :root:where(.pf-v6-theme-dark) {
7180
7303
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7304
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
7305
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7306
+ --pf-t--global--background--opacity--glass--floating: 100%;
7307
+ --pf-t--global--background--opacity--glass--primary: 100%;
7181
7308
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7182
7309
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7183
7310
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7311
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7184
7312
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7185
7313
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7186
7314
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7187
7315
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7188
7316
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7317
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7318
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7189
7319
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7190
7320
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7191
7321
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7203,10 +7333,18 @@
7203
7333
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7204
7334
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7205
7335
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7206
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7336
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7207
7337
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7208
7338
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7209
7339
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7340
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7341
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7342
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7343
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7344
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7345
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7346
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7347
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7210
7348
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7211
7349
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7212
7350
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7294,9 +7432,13 @@
7294
7432
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7295
7433
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7296
7434
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7435
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7436
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7437
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7297
7438
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7439
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7298
7440
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7299
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7441
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7300
7442
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7301
7443
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7302
7444
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7327,9 +7469,13 @@
7327
7469
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7328
7470
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7329
7471
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7472
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7330
7473
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7331
7474
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7332
7475
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7476
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7477
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7478
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7333
7479
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7334
7480
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7335
7481
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7406,6 +7552,8 @@
7406
7552
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7407
7553
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7408
7554
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7555
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7556
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7409
7557
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7410
7558
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7411
7559
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7426,6 +7574,9 @@
7426
7574
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7427
7575
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7428
7576
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7577
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7578
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7579
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7429
7580
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7430
7581
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7431
7582
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7464,9 +7615,15 @@
7464
7615
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7465
7616
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7466
7617
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7618
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7619
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7620
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7467
7621
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7468
7622
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7469
7623
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7624
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7625
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7626
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7470
7627
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7471
7628
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7472
7629
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7530,9 +7687,15 @@
7530
7687
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7531
7688
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7532
7689
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7690
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7691
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7692
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7533
7693
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7534
7694
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7535
7695
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7696
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7697
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7698
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7536
7699
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7537
7700
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7538
7701
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7567,6 +7730,14 @@
7567
7730
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7568
7731
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7569
7732
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7733
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7734
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7735
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7736
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7737
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7738
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7739
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7740
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7570
7741
  }
7571
7742
 
7572
7743
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8662,6 +8833,226 @@
8662
8833
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8663
8834
  }
8664
8835
 
8836
+ :root:where(.pf-v6-theme-glass) {
8837
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8838
+ --pf-t--global--background--opacity--glass--primary: 80%;
8839
+ }
8840
+
8841
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8842
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8843
+ --pf-t--global--background--opacity--glass--primary: 80%;
8844
+ }
8845
+
8846
+ :root:where(.pf-v6-theme-redhat) {
8847
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8848
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8849
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8850
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8851
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8852
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8853
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8854
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8855
+ }
8856
+
8857
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
8858
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8859
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8860
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8861
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8862
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8863
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
8864
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
8865
+ }
8866
+
8867
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
8868
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8869
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
8870
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
8871
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
8872
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
8873
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
8874
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8875
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8876
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8877
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
8878
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
8879
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
8880
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
8881
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
8882
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
8883
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
8884
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
8885
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
8886
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
8887
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
8888
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
8889
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
8890
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
8891
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
8892
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
8893
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
8894
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
8895
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
8896
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
8897
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
8898
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
8899
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
8900
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
8901
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
8902
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
8903
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
8904
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
8905
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
8906
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
8907
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
8908
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
8909
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
8910
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8911
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8912
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8913
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8914
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8915
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
8916
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8917
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8918
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
8919
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
8920
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
8921
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
8922
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
8923
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
8924
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
8925
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
8926
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
8927
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
8928
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
8929
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
8930
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
8931
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
8932
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
8933
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8934
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8935
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8936
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8937
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8938
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8939
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8940
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8941
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8942
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8943
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8944
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8945
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8946
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8947
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8948
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8949
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
8950
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
8951
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
8952
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8953
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8954
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8955
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8956
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8957
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8958
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8959
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8960
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8961
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8962
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8963
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8964
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
8965
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
8966
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
8967
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8968
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8969
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8970
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8971
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8972
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8973
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8974
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8975
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8976
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8977
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8978
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8979
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8980
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8981
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8982
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8983
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8984
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8985
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8986
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8987
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8988
+ }
8989
+
8990
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8991
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8992
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8993
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8994
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8995
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8996
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8997
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8998
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8999
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
9000
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
9001
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9002
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9003
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9004
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
9005
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
9006
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
9007
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9008
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
9009
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
9010
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9011
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9012
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9013
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9014
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9015
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9016
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9017
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9018
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9019
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9020
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9021
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9022
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9023
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9024
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9025
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9026
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9027
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9028
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9029
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9030
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9031
+ }
9032
+
9033
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9034
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9035
+ --pf-t--global--background--opacity--glass--primary: 80%;
9036
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9037
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9038
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9039
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9040
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9041
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9042
+ }
9043
+
9044
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9045
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9046
+ --pf-t--global--background--opacity--glass--primary: 80%;
9047
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9048
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9049
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9050
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9051
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9052
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9053
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9054
+ }
9055
+
8665
9056
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8666
9057
  --pf-v6-global--inverse--multiplier: -1;
8667
9058
  }
@@ -8685,31 +9076,6 @@
8685
9076
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8686
9077
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8687
9078
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8688
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8689
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8690
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8691
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8692
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8693
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8694
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8695
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8696
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8697
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8698
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8699
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8700
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8701
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8702
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8703
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8704
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8705
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8706
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8707
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8708
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8709
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8710
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8711
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8712
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8713
9079
  }
8714
9080
  @media screen and (min-width: 36rem) {
8715
9081
  .pf-v6-c-about-modal-box {
@@ -8718,6 +9084,14 @@
8718
9084
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8719
9085
  }
8720
9086
  }
9087
+ .pf-v6-c-about-modal-box {
9088
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9089
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9090
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9091
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9092
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9093
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9094
+ }
8721
9095
  @media only screen and (min-width: 36rem) {
8722
9096
  .pf-v6-c-about-modal-box {
8723
9097
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8728,17 +9102,42 @@
8728
9102
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8729
9103
  }
8730
9104
  }
9105
+ .pf-v6-c-about-modal-box {
9106
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9107
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9108
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9109
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9110
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9111
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9112
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9113
+ }
8731
9114
  @media only screen and (min-width: 36rem) {
8732
9115
  .pf-v6-c-about-modal-box {
8733
9116
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8734
9117
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8735
9118
  }
8736
9119
  }
9120
+ .pf-v6-c-about-modal-box {
9121
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9122
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9123
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9124
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9125
+ }
8737
9126
  @media only screen and (min-width: 36rem) {
8738
9127
  .pf-v6-c-about-modal-box {
8739
9128
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8740
9129
  }
8741
9130
  }
9131
+ .pf-v6-c-about-modal-box {
9132
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9133
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9134
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9135
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9136
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9137
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9138
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9139
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9140
+ }
8742
9141
  @media only screen and (min-width: 36rem) {
8743
9142
  .pf-v6-c-about-modal-box {
8744
9143
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8762,7 +9161,6 @@
8762
9161
  background-repeat: no-repeat;
8763
9162
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8764
9163
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8765
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8766
9164
  }
8767
9165
  @media only screen and (min-width: 36rem) {
8768
9166
  .pf-v6-c-about-modal-box {
@@ -8778,6 +9176,9 @@
8778
9176
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8779
9177
  }
8780
9178
  }
9179
+ .pf-v6-c-about-modal-box {
9180
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9181
+ }
8781
9182
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8782
9183
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8783
9184
  }
@@ -8918,6 +9319,18 @@
8918
9319
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
8919
9320
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
8920
9321
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9322
+ }
9323
+ @media screen and (prefers-reduced-motion: no-preference) {
9324
+ .pf-v6-c-accordion {
9325
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9326
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9327
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9328
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9329
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9330
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9331
+ }
9332
+ }
9333
+ .pf-v6-c-accordion {
8921
9334
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8922
9335
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8923
9336
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -8943,16 +9356,6 @@
8943
9356
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
8944
9357
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8945
9358
  }
8946
- @media screen and (prefers-reduced-motion: no-preference) {
8947
- .pf-v6-c-accordion {
8948
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8949
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8950
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
8951
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8952
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8953
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
8954
- }
8955
- }
8956
9359
 
8957
9360
  .pf-v6-c-accordion {
8958
9361
  display: flex;
@@ -9063,13 +9466,14 @@
9063
9466
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9064
9467
  }
9065
9468
 
9469
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9470
+ scale: -1 1;
9471
+ }
9472
+
9066
9473
  .pf-v6-c-accordion__toggle-icon {
9067
9474
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9068
9475
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9069
9476
  }
9070
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9071
- scale: -1 1;
9072
- }
9073
9477
 
9074
9478
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9075
9479
  display: revert;
@@ -9114,6 +9518,7 @@
9114
9518
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
9115
9519
  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
9116
9520
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9521
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9117
9522
  }
9118
9523
 
9119
9524
  .pf-v6-c-action-list,
@@ -9128,6 +9533,7 @@
9128
9533
  }
9129
9534
  .pf-v6-c-action-list.pf-m-icons {
9130
9535
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9536
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
9131
9537
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9132
9538
  }
9133
9539
  .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
@@ -9287,14 +9693,15 @@
9287
9693
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9288
9694
  }
9289
9695
 
9696
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9697
+ scale: -1 1;
9698
+ }
9699
+
9290
9700
  .pf-v6-c-alert__toggle-icon {
9291
9701
  display: inline-block;
9292
9702
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9293
9703
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9294
9704
  }
9295
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9296
- scale: -1 1;
9297
- }
9298
9705
 
9299
9706
  .pf-v6-c-alert__icon {
9300
9707
  grid-area: icon;
@@ -9311,9 +9718,9 @@
9311
9718
  }
9312
9719
  .pf-v6-c-alert__title.pf-m-truncate {
9313
9720
  display: -webkit-box;
9721
+ overflow: hidden;
9314
9722
  -webkit-box-orient: vertical;
9315
9723
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9316
- overflow: hidden;
9317
9724
  }
9318
9725
 
9319
9726
  .pf-v6-c-alert__description {
@@ -9550,7 +9957,6 @@
9550
9957
  }
9551
9958
  .pf-v6-c-avatar.pf-m-sm {
9552
9959
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9553
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9554
9960
  }
9555
9961
  @media (min-width: 36rem) {
9556
9962
  .pf-v6-c-avatar.pf-m-sm {
@@ -9577,6 +9983,9 @@
9577
9983
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9578
9984
  }
9579
9985
  }
9986
+ .pf-v6-c-avatar.pf-m-sm {
9987
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9988
+ }
9580
9989
  @media (min-width: 36rem) {
9581
9990
  .pf-v6-c-avatar.pf-m-sm {
9582
9991
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9604,7 +10013,6 @@
9604
10013
  }
9605
10014
  .pf-v6-c-avatar.pf-m-md {
9606
10015
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9607
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9608
10016
  }
9609
10017
  @media (min-width: 36rem) {
9610
10018
  .pf-v6-c-avatar.pf-m-md {
@@ -9631,6 +10039,9 @@
9631
10039
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9632
10040
  }
9633
10041
  }
10042
+ .pf-v6-c-avatar.pf-m-md {
10043
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10044
+ }
9634
10045
  @media (min-width: 36rem) {
9635
10046
  .pf-v6-c-avatar.pf-m-md {
9636
10047
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9658,7 +10069,6 @@
9658
10069
  }
9659
10070
  .pf-v6-c-avatar.pf-m-lg {
9660
10071
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9661
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9662
10072
  }
9663
10073
  @media (min-width: 36rem) {
9664
10074
  .pf-v6-c-avatar.pf-m-lg {
@@ -9685,6 +10095,9 @@
9685
10095
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9686
10096
  }
9687
10097
  }
10098
+ .pf-v6-c-avatar.pf-m-lg {
10099
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10100
+ }
9688
10101
  @media (min-width: 36rem) {
9689
10102
  .pf-v6-c-avatar.pf-m-lg {
9690
10103
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9712,7 +10125,6 @@
9712
10125
  }
9713
10126
  .pf-v6-c-avatar.pf-m-xl {
9714
10127
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9715
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9716
10128
  }
9717
10129
  @media (min-width: 36rem) {
9718
10130
  .pf-v6-c-avatar.pf-m-xl {
@@ -9739,6 +10151,9 @@
9739
10151
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9740
10152
  }
9741
10153
  }
10154
+ .pf-v6-c-avatar.pf-m-xl {
10155
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10156
+ }
9742
10157
  @media (min-width: 36rem) {
9743
10158
  .pf-v6-c-avatar.pf-m-xl {
9744
10159
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9796,6 +10211,12 @@
9796
10211
 
9797
10212
  .pf-v6-c-background-image {
9798
10213
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10214
+ }
10215
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10216
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10217
+ }
10218
+
10219
+ .pf-v6-c-background-image {
9799
10220
  position: fixed;
9800
10221
  inset-block-start: 0;
9801
10222
  inset-inline-start: 0;
@@ -9808,9 +10229,6 @@
9808
10229
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9809
10230
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9810
10231
  }
9811
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9812
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9813
- }
9814
10232
 
9815
10233
  .pf-v6-c-back-to-top {
9816
10234
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -9928,6 +10346,14 @@
9928
10346
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
9929
10347
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
9930
10348
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10349
+ }
10350
+ @media (min-width: 48rem) {
10351
+ .pf-v6-c-banner {
10352
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10353
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10354
+ }
10355
+ }
10356
+ .pf-v6-c-banner {
9931
10357
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
9932
10358
  --pf-v6-c-banner--link--TextDecoration: underline;
9933
10359
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -9961,12 +10387,6 @@
9961
10387
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
9962
10388
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
9963
10389
  }
9964
- @media (min-width: 48rem) {
9965
- .pf-v6-c-banner {
9966
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
9967
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
9968
- }
9969
- }
9970
10390
 
9971
10391
  .pf-v6-c-banner {
9972
10392
  flex-shrink: 0;
@@ -10069,7 +10489,6 @@
10069
10489
  width: var(--pf-v6-c-brand--Width--base);
10070
10490
  height: var(--pf-v6-c-brand--Height--base);
10071
10491
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10072
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10073
10492
  }
10074
10493
  @media (min-width: 36rem) {
10075
10494
  .pf-v6-c-brand {
@@ -10096,6 +10515,9 @@
10096
10515
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10097
10516
  }
10098
10517
  }
10518
+ .pf-v6-c-brand {
10519
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10520
+ }
10099
10521
  @media (min-width: 36rem) {
10100
10522
  .pf-v6-c-brand {
10101
10523
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10176,15 +10598,16 @@
10176
10598
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10177
10599
  }
10178
10600
 
10601
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10602
+ scale: -1 1;
10603
+ }
10604
+
10179
10605
  .pf-v6-c-breadcrumb__item-divider {
10180
10606
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10181
10607
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10182
10608
  line-height: 1;
10183
10609
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10184
10610
  }
10185
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10186
- scale: -1 1;
10187
- }
10188
10611
 
10189
10612
  .pf-v6-c-breadcrumb__link {
10190
10613
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10350,10 +10773,17 @@ button.pf-v6-c-breadcrumb__link {
10350
10773
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
10351
10774
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
10352
10775
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
10776
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10353
10777
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10354
10778
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10779
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10780
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10355
10781
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10356
10782
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10783
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10784
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
10785
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
10786
+ --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
10357
10787
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
10358
10788
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
10359
10789
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10363,10 +10793,8 @@ button.pf-v6-c-breadcrumb__link {
10363
10793
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
10364
10794
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
10365
10795
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10366
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
10367
10796
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10368
10797
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10369
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
10370
10798
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10371
10799
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10372
10800
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -10552,6 +10980,14 @@ button.pf-v6-c-breadcrumb__link {
10552
10980
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
10553
10981
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
10554
10982
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
10983
+ --pf-v6-c-button--m-circle--ScaleX: 1.29;
10984
+ --pf-v6-c-button--m-circle--ScaleY: 1.29;
10985
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
10986
+ --pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
10987
+ --pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
10988
+ --pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
10989
+ --pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
10990
+ --pf-v6-c-button--m-circle--PaddingInlineStart: 0;
10555
10991
  }
10556
10992
 
10557
10993
  .pf-v6-c-button {
@@ -10673,6 +11109,12 @@ button.pf-v6-c-breadcrumb__link {
10673
11109
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10674
11110
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10675
11111
  }
11112
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11113
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11114
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11115
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11116
+ }
11117
+
10676
11118
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10677
11119
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10678
11120
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10683,12 +11125,13 @@ button.pf-v6-c-breadcrumb__link {
10683
11125
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
10684
11126
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
10685
11127
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
11128
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
11129
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
11130
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
10686
11131
  --pf-v6-c-button--BackgroundColor: transparent;
10687
11132
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
10688
11133
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
10689
11134
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
10690
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
10691
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10692
11135
  --pf-v6-c-button--hover--BackgroundColor: transparent;
10693
11136
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10694
11137
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -10697,6 +11140,8 @@ button.pf-v6-c-breadcrumb__link {
10697
11140
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
10698
11141
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
10699
11142
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
11143
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11144
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10700
11145
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
10701
11146
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
10702
11147
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
@@ -10704,16 +11149,14 @@ button.pf-v6-c-breadcrumb__link {
10704
11149
  --pf-v6-c-button--hover--BorderWidth: 0;
10705
11150
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
10706
11151
  text-align: start;
11152
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10707
11153
  white-space: normal;
10708
11154
  background: transparent;
10709
11155
  outline-offset: 0.125rem;
10710
11156
  }
10711
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10712
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10713
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10714
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11157
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11158
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10715
11159
  }
10716
-
10717
11160
  .pf-v6-c-button.pf-m-link.pf-m-danger {
10718
11161
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
10719
11162
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -10919,6 +11362,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10919
11362
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
10920
11363
  --pf-v6-c-button--hover__icon--ScaleX: 1;
10921
11364
  }
11365
+ .pf-v6-c-button.pf-m-circle {
11366
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
11367
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
11368
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
11369
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
11370
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
11371
+ }
11372
+ .pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
11373
+ scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
11374
+ }
10922
11375
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
10923
11376
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
10924
11377
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -11173,13 +11626,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11173
11626
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11174
11627
  }
11175
11628
 
11629
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11630
+ scale: -1 1;
11631
+ }
11632
+
11176
11633
  .pf-v6-c-calendar-month__header-nav-control {
11177
11634
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11178
11635
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11179
11636
  }
11180
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11181
- scale: -1 1;
11182
- }
11183
11637
 
11184
11638
  .pf-v6-c-calendar-month__header-month {
11185
11639
  flex-grow: 1;
@@ -11456,6 +11910,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11456
11910
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11457
11911
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11458
11912
  }
11913
+ .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) {
11914
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
11915
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
11916
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
11917
+ }
11918
+
11459
11919
  .pf-v6-c-card.pf-m-compact {
11460
11920
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11461
11921
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
@@ -11523,12 +11983,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11523
11983
  flex-wrap: wrap;
11524
11984
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11525
11985
  }
11526
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11527
- margin-inline-start: 0;
11528
- }
11529
11986
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11530
11987
  margin-inline-end: auto;
11531
11988
  }
11989
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11990
+ margin-inline-start: 0;
11991
+ }
11532
11992
 
11533
11993
  .pf-v6-c-card__header-main {
11534
11994
  flex-grow: 1;
@@ -11542,15 +12002,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11542
12002
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11543
12003
  }
11544
12004
 
12005
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
12006
+ scale: -1 1;
12007
+ }
12008
+
11545
12009
  .pf-v6-c-card__header-toggle-icon {
11546
12010
  display: inline-block;
11547
12011
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11548
12012
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11549
12013
  transition-property: transform;
11550
12014
  }
11551
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11552
- scale: -1 1;
11553
- }
11554
12015
 
11555
12016
  .pf-v6-c-card__title-text {
11556
12017
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11561,6 +12022,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11561
12022
  overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
11562
12023
  }
11563
12024
 
12025
+ .pf-v6-c-card__subtitle {
12026
+ padding-block-start: var(--pf-t--global--spacer--sm);
12027
+ font-size: var(--pf-t--global--font--size--body--sm);
12028
+ color: var(--pf-t--global--text--color--subtle);
12029
+ }
12030
+
11564
12031
  .pf-v6-c-card__actions {
11565
12032
  display: flex;
11566
12033
  gap: var(--pf-v6-c-card__actions--Gap);
@@ -11810,13 +12277,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11810
12277
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11811
12278
  }
11812
12279
 
11813
- .pf-v6-c-clipboard-copy__toggle-icon {
11814
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11815
- }
11816
12280
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11817
12281
  scale: -1 1;
11818
12282
  }
11819
12283
 
12284
+ .pf-v6-c-clipboard-copy__toggle-icon {
12285
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12286
+ }
12287
+
11820
12288
  .pf-v6-c-clipboard-copy__expandable-content {
11821
12289
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11822
12290
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -11987,8 +12455,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11987
12455
 
11988
12456
  .pf-v6-c-code-editor__container {
11989
12457
  display: flex;
11990
- flex-direction: column;
11991
12458
  flex-grow: 1;
12459
+ flex-direction: column;
11992
12460
  }
11993
12461
 
11994
12462
  .pf-v6-c-code-editor__header {
@@ -12130,6 +12598,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12130
12598
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
12131
12599
  }
12132
12600
 
12601
+ .pf-v6-c-compass {
12602
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
12603
+ --pf-v6-c-compass--BackgroundImage--light: none;
12604
+ --pf-v6-c-compass--BackgroundImage--dark: none;
12605
+ --pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
12606
+ --pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
12607
+ --pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12608
+ --pf-v6-c-compass__nav--PaddingBlockStart: 0;
12609
+ --pf-v6-c-compass__nav--PaddingBlockEnd: 0;
12610
+ --pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12611
+ --pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12612
+ --pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12613
+ --pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12614
+ --pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12615
+ --pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12616
+ --pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12617
+ --pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12618
+ --pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
12619
+ --pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
12620
+ --pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
12621
+ --pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
12622
+ --pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
12623
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
12624
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
12625
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
12626
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
12627
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
12628
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
12629
+ --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
12630
+ --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
12631
+ --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
12632
+ --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
12633
+ --pf-v6-c-compass__message-bar--Width: 450px;
12634
+ --pf-v6-c-compass__message-bar--MinWidth: 300px;
12635
+ --pf-v6-c-compass__message-bar--MaxWidth: 600px;
12636
+ --pf-v6-c-compass--section--slide--length--header: 100%;
12637
+ --pf-v6-c-compass--section--slide--length--sidebar: 100%;
12638
+ --pf-v6-c-compass--section--slide--length--main-footer: 100%;
12639
+ --pf-v6-c-compass--section--slide--length--footer: 100%;
12640
+ --pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
12641
+ --pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12642
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
12643
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12644
+ --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);
12645
+ --pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
12646
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
12647
+ --pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
12648
+ }
12649
+ @media screen and (prefers-reduced-motion: no-preference) {
12650
+ .pf-v6-c-compass {
12651
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12652
+ --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);
12653
+ --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;
12654
+ }
12655
+ .pf-v6-c-compass.pf-m-animate-smoothly {
12656
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12657
+ --pf-v6-c-compass--section--slide--length--header: 10rem;
12658
+ --pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
12659
+ --pf-v6-c-compass--section--slide--length--main-footer: 6rem;
12660
+ --pf-v6-c-compass--section--slide--length--footer: 6rem;
12661
+ --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);
12662
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12663
+ --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);
12664
+ }
12665
+ }
12666
+
12667
+ .pf-v6-c-compass {
12668
+ interpolate-size: allow-keywords;
12669
+ display: grid;
12670
+ grid-template-areas: "header header header" "sidebar-start main sidebar-end";
12671
+ grid-template-rows: auto 1fr;
12672
+ grid-template-columns: auto 1fr auto;
12673
+ grid-auto-rows: auto;
12674
+ align-items: center;
12675
+ justify-content: center;
12676
+ height: 100dvh;
12677
+ padding: var(--pf-v6-c-compass--Padding);
12678
+ overflow: hidden;
12679
+ background-image: var(--pf-v6-c-compass--BackgroundImage);
12680
+ background-size: cover;
12681
+ }
12682
+ .pf-v6-c-compass.pf-m-dock {
12683
+ grid-template-areas: "dock main";
12684
+ grid-template-rows: auto;
12685
+ grid-template-columns: auto 1fr;
12686
+ align-items: stretch;
12687
+ padding: 0;
12688
+ }
12689
+ .pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
12690
+ padding: var(--pf-v6-c-compass--Padding);
12691
+ }
12692
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
12693
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
12694
+ }
12695
+ .pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
12696
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12697
+ }
12698
+
12699
+ .pf-v6-c-compass__header,
12700
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
12701
+ .pf-v6-c-compass__main-footer,
12702
+ .pf-v6-c-compass__footer {
12703
+ margin: 0;
12704
+ visibility: hidden;
12705
+ opacity: 0;
12706
+ transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
12707
+ transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
12708
+ transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
12709
+ transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
12710
+ }
12711
+ .pf-v6-c-compass__header.pf-m-expanded,
12712
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
12713
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12714
+ .pf-v6-c-compass__footer.pf-m-expanded {
12715
+ --pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
12716
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
12717
+ visibility: visible;
12718
+ opacity: 1;
12719
+ translate: 0;
12720
+ }
12721
+
12722
+ .pf-v6-c-compass__header,
12723
+ .pf-v6-c-compass__main-footer,
12724
+ .pf-v6-c-compass__footer {
12725
+ height: 0;
12726
+ }
12727
+ .pf-v6-c-compass__header.pf-m-expanded,
12728
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12729
+ .pf-v6-c-compass__footer.pf-m-expanded {
12730
+ height: auto;
12731
+ }
12732
+
12733
+ .pf-v6-c-compass__header {
12734
+ display: grid;
12735
+ grid-area: header;
12736
+ grid-template-columns: 1fr auto 1fr;
12737
+ align-items: start;
12738
+ translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
12739
+ }
12740
+ .pf-v6-c-compass__header.pf-m-expanded {
12741
+ margin-block-end: var(--pf-v6-c-compass--Gap);
12742
+ }
12743
+
12744
+ .pf-v6-c-compass__profile {
12745
+ justify-self: end;
12746
+ }
12747
+ .pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
12748
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
12749
+ }
12750
+
12751
+ .pf-v6-c-compass__nav {
12752
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
12753
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
12754
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
12755
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
12756
+ display: flex;
12757
+ flex-direction: column;
12758
+ gap: var(--pf-v6-c-compass__nav--RowGap);
12759
+ align-items: center;
12760
+ justify-self: stretch;
12761
+ }
12762
+
12763
+ .pf-v6-c-compass__nav-content {
12764
+ display: flex;
12765
+ align-items: center;
12766
+ }
12767
+
12768
+ .pf-v6-c-compass__nav-main {
12769
+ padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
12770
+ padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
12771
+ }
12772
+
12773
+ .pf-v6-c-compass__sidebar {
12774
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
12775
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
12776
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
12777
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
12778
+ display: flex;
12779
+ width: 0;
12780
+ }
12781
+ .pf-v6-c-compass__sidebar.pf-m-expanded {
12782
+ width: auto;
12783
+ }
12784
+ .pf-v6-c-compass__sidebar.pf-m-start {
12785
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12786
+ }
12787
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12788
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12789
+ }
12790
+
12791
+ .pf-v6-c-compass__sidebar.pf-m-start {
12792
+ grid-area: sidebar-start;
12793
+ }
12794
+ .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12795
+ margin-inline-end: var(--pf-v6-c-compass--Gap);
12796
+ }
12797
+ .pf-v6-c-compass__sidebar.pf-m-end {
12798
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12799
+ }
12800
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12801
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12802
+ }
12803
+
12804
+ .pf-v6-c-compass__sidebar.pf-m-end {
12805
+ grid-area: sidebar-end;
12806
+ }
12807
+ .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12808
+ margin-inline-start: var(--pf-v6-c-compass--Gap);
12809
+ }
12810
+
12811
+ .pf-v6-c-compass__main {
12812
+ display: flex;
12813
+ flex-direction: column;
12814
+ grid-area: main;
12815
+ gap: var(--pf-v6-c-compass__main--RowGap);
12816
+ align-self: stretch;
12817
+ min-height: 0;
12818
+ }
12819
+
12820
+ .pf-v6-c-compass__main-header-content {
12821
+ display: flex;
12822
+ gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
12823
+ }
12824
+
12825
+ .pf-v6-c-compass__main-header-title {
12826
+ flex-grow: 1;
12827
+ }
12828
+
12829
+ .pf-v6-c-compass__content {
12830
+ display: flex;
12831
+ flex: 1 0 0;
12832
+ flex-direction: column;
12833
+ min-height: 0;
12834
+ overflow: auto;
12835
+ }
12836
+ .pf-v6-c-compass__content > *:last-child {
12837
+ flex-grow: 1;
12838
+ max-height: 100%;
12839
+ }
12840
+
12841
+ .pf-v6-c-compass__main-footer {
12842
+ display: flex;
12843
+ justify-content: center;
12844
+ min-height: 0;
12845
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12846
+ }
12847
+ .pf-v6-c-compass__main-footer.pf-m-expanded {
12848
+ margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
12849
+ }
12850
+
12851
+ .pf-v6-c-compass__footer {
12852
+ display: flex;
12853
+ grid-column: 1/-1;
12854
+ justify-content: center;
12855
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12856
+ }
12857
+ .pf-v6-c-compass__footer.pf-m-expanded {
12858
+ margin-block-start: var(--pf-v6-c-compass--Gap);
12859
+ }
12860
+
12861
+ .pf-v6-c-compass__message-bar {
12862
+ width: var(--pf-v6-c-compass__message-bar--Width);
12863
+ min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
12864
+ max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
12865
+ }
12866
+
12867
+ .pf-v6-c-compass__panel {
12868
+ padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
12869
+ padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
12870
+ padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
12871
+ padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
12872
+ background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
12873
+ backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
12874
+ border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
12875
+ border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
12876
+ box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
12877
+ }
12878
+ .pf-v6-c-compass__panel.pf-m-no-border {
12879
+ border-width: 0;
12880
+ }
12881
+ .pf-v6-c-compass__panel.pf-m-no-padding {
12882
+ padding: 0;
12883
+ }
12884
+ .pf-v6-c-compass__panel.pf-m-full-height {
12885
+ height: 100%;
12886
+ }
12887
+ .pf-v6-c-compass__panel.pf-m-pill {
12888
+ border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
12889
+ }
12890
+ .pf-v6-c-compass__panel.pf-m-scrollable {
12891
+ overflow: auto;
12892
+ }
12893
+
12894
+ /* stylelint-disable */
12895
+ @media (max-width: 1200px) {
12896
+ .pf-v6-c-compass * {
12897
+ display: none;
12898
+ }
12899
+ .pf-v6-c-compass {
12900
+ position: relative;
12901
+ display: grid;
12902
+ grid-template-columns: auto;
12903
+ grid-template-rows: auto;
12904
+ place-content: center;
12905
+ gap: 0;
12906
+ }
12907
+ .pf-v6-c-compass::after {
12908
+ padding: 1em;
12909
+ border-radius: var(--pf-t--global--border--radius--large);
12910
+ background: var(--pf-t--global--background--color--primary--default);
12911
+ content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
12912
+ width: 80%;
12913
+ width: 300px;
12914
+ border: 1px solid var(--pf-t--global--border--color--default);
12915
+ box-shadow: var(--pf-t--global--box-shadow--md);
12916
+ white-space: pre-wrap;
12917
+ text-align: center;
12918
+ }
12919
+ }
12920
+ /* stylelint-enable */
12133
12921
  :root {
12134
12922
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
12135
12923
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12824,7 +13612,16 @@ ul) {
12824
13612
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
12825
13613
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12826
13614
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
12827
- --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
13615
+ }
13616
+ @media screen and (min-width: 36rem) {
13617
+ .pf-v6-c-data-list {
13618
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13619
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13620
+ }
13621
+ }
13622
+ .pf-v6-c-data-list {
13623
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13624
+ --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
12828
13625
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
12829
13626
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
12830
13627
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -12832,6 +13629,14 @@ ul) {
12832
13629
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
12833
13630
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12834
13631
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13632
+ }
13633
+ @media screen and (min-width: 36rem) {
13634
+ .pf-v6-c-data-list {
13635
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13636
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13637
+ }
13638
+ }
13639
+ .pf-v6-c-data-list {
12835
13640
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12836
13641
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
12837
13642
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -12927,18 +13732,6 @@ ul) {
12927
13732
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12928
13733
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12929
13734
  }
12930
- @media screen and (min-width: 36rem) {
12931
- .pf-v6-c-data-list {
12932
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
12933
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
12934
- }
12935
- }
12936
- @media screen and (min-width: 36rem) {
12937
- .pf-v6-c-data-list {
12938
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
12939
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
12940
- }
12941
- }
12942
13735
 
12943
13736
  .pf-v6-c-data-list {
12944
13737
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -12979,6 +13772,9 @@ ul) {
12979
13772
  .pf-v6-c-data-list.pf-m-drag-over {
12980
13773
  overflow-anchor: none;
12981
13774
  }
13775
+ .pf-v6-c-data-list.pf-m-plain {
13776
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13777
+ }
12982
13778
 
12983
13779
  .pf-v6-c-data-list.pf-m-truncate,
12984
13780
  .pf-v6-c-data-list__item-row.pf-m-truncate,
@@ -13098,12 +13894,6 @@ ul) {
13098
13894
  --pf-v6-hidden-visible--hidden--Display: none;
13099
13895
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13100
13896
  display: var(--pf-v6-hidden-visible--Display);
13101
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13102
- align-content: flex-start;
13103
- align-items: flex-start;
13104
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13105
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13106
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13107
13897
  }
13108
13898
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13109
13899
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13148,6 +13938,14 @@ ul) {
13148
13938
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13149
13939
  }
13150
13940
  }
13941
+ .pf-v6-c-data-list__item-action {
13942
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
13943
+ align-content: flex-start;
13944
+ align-items: flex-start;
13945
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13946
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13947
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13948
+ }
13151
13949
 
13152
13950
  .pf-v6-c-data-list__toggle {
13153
13951
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13155,15 +13953,16 @@ ul) {
13155
13953
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13156
13954
  }
13157
13955
 
13956
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13957
+ scale: -1 1;
13958
+ }
13959
+
13158
13960
  .pf-v6-c-data-list__toggle-icon {
13159
13961
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13160
13962
  pointer-events: none;
13161
13963
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13162
13964
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13163
13965
  }
13164
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13165
- scale: -1 1;
13166
- }
13167
13966
 
13168
13967
  .pf-v6-c-data-list__item-content {
13169
13968
  display: grid;
@@ -13258,6 +14057,13 @@ ul) {
13258
14057
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13259
14058
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13260
14059
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14060
+ }
14061
+ @media screen and (min-width: 36rem) {
14062
+ .pf-v6-c-description-list {
14063
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14064
+ }
14065
+ }
14066
+ .pf-v6-c-description-list {
13261
14067
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13262
14068
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13263
14069
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13286,11 +14092,6 @@ ul) {
13286
14092
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13287
14093
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13288
14094
  }
13289
- @media screen and (min-width: 36rem) {
13290
- .pf-v6-c-description-list {
13291
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13292
- }
13293
- }
13294
14095
  @media (min-width: 36rem) {
13295
14096
  .pf-v6-c-description-list {
13296
14097
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -13672,6 +14473,15 @@ ul) {
13672
14473
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
13673
14474
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
13674
14475
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14476
+ }
14477
+ @media screen and (prefers-reduced-motion: no-preference) {
14478
+ .pf-v6-c-dual-list-selector {
14479
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14480
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14481
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14482
+ }
14483
+ }
14484
+ .pf-v6-c-dual-list-selector {
13675
14485
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
13676
14486
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13677
14487
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -13713,13 +14523,6 @@ ul) {
13713
14523
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
13714
14524
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
13715
14525
  }
13716
- @media screen and (prefers-reduced-motion: no-preference) {
13717
- .pf-v6-c-dual-list-selector {
13718
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13719
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13720
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
13721
- }
13722
- }
13723
14526
 
13724
14527
  .pf-v6-c-dual-list-selector {
13725
14528
  display: grid;
@@ -13790,8 +14593,6 @@ ul) {
13790
14593
 
13791
14594
  .pf-v6-c-dual-list-selector__list {
13792
14595
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13793
- display: flex;
13794
- flex-direction: column;
13795
14596
  }
13796
14597
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
13797
14598
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -13799,16 +14600,22 @@ ul) {
13799
14600
  }
13800
14601
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13801
14602
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
13802
- position: absolute;
13803
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
13804
14603
  }
13805
14604
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13806
14605
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
13807
14606
  }
13808
14607
 
14608
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14609
+ position: absolute;
14610
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14611
+ }
13809
14612
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
13810
14613
  overflow-anchor: none;
13811
14614
  }
14615
+ .pf-v6-c-dual-list-selector__list {
14616
+ display: flex;
14617
+ flex-direction: column;
14618
+ }
13812
14619
 
13813
14620
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
13814
14621
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14093,11 +14900,6 @@ ul) {
14093
14900
  --pf-v6-hidden-visible--hidden--Display: none;
14094
14901
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14095
14902
  display: var(--pf-v6-hidden-visible--Display);
14096
- flex-shrink: 0;
14097
- align-items: stretch;
14098
- align-self: stretch;
14099
- justify-content: center;
14100
- border: 0;
14101
14903
  }
14102
14904
  .pf-v6-c-divider.pf-m-hidden {
14103
14905
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14142,6 +14944,13 @@ ul) {
14142
14944
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14143
14945
  }
14144
14946
  }
14947
+ .pf-v6-c-divider {
14948
+ flex-shrink: 0;
14949
+ align-items: stretch;
14950
+ align-self: stretch;
14951
+ justify-content: center;
14952
+ border: 0;
14953
+ }
14145
14954
  .pf-v6-c-divider::before {
14146
14955
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14147
14956
  content: "";
@@ -14386,6 +15195,7 @@ ul) {
14386
15195
  }
14387
15196
 
14388
15197
  .pf-v6-c-drawer {
15198
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
14389
15199
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14390
15200
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14391
15201
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14416,6 +15226,7 @@ ul) {
14416
15226
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
14417
15227
  --pf-v6-c-drawer__panel--Opacity: 0;
14418
15228
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
15229
+ --pf-v6-c-drawer--m-expanded__panel--inset: 0px;
14419
15230
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
14420
15231
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
14421
15232
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -14431,6 +15242,29 @@ ul) {
14431
15242
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
14432
15243
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
14433
15244
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
15245
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
15246
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
15247
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
15248
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
15249
+ --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
15250
+ --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
15251
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
15252
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
15253
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15254
+ --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15255
+ }
15256
+ @media screen and (prefers-reduced-motion: no-preference) {
15257
+ .pf-v6-c-drawer {
15258
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15259
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15260
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15261
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15262
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15263
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15264
+ --pf-v6-c-drawer__panel--Opacity: 1;
15265
+ }
15266
+ }
15267
+ .pf-v6-c-drawer {
14434
15268
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14435
15269
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14436
15270
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14493,6 +15327,17 @@ ul) {
14493
15327
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14494
15328
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14495
15329
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15330
+ }
15331
+ @media screen and (min-width: 75rem) {
15332
+ .pf-v6-c-drawer {
15333
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15334
+ }
15335
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15336
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15337
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15338
+ }
15339
+ }
15340
+ .pf-v6-c-drawer {
14496
15341
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14497
15342
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14498
15343
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14507,46 +15352,32 @@ ul) {
14507
15352
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14508
15353
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14509
15354
  }
14510
- @media screen and (prefers-reduced-motion: no-preference) {
14511
- .pf-v6-c-drawer {
14512
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14513
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14514
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14515
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14516
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14517
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14518
- --pf-v6-c-drawer__panel--Opacity: 1;
14519
- }
14520
- }
14521
- @media screen and (min-width: 75rem) {
14522
- .pf-v6-c-drawer {
14523
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14524
- }
14525
- .pf-v6-c-drawer.pf-m-panel-bottom {
14526
- --pf-v6-c-drawer__panel--MinWidth: auto;
14527
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14528
- }
14529
- }
14530
15355
 
14531
15356
  .pf-v6-c-drawer {
14532
15357
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14533
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14534
- display: flex;
14535
- flex-direction: column;
14536
- height: 100%;
14537
- overflow-x: hidden;
14538
15358
  }
14539
15359
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14540
15360
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14541
15361
  }
14542
15362
 
15363
+ .pf-v6-c-drawer {
15364
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15365
+ }
14543
15366
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14544
15367
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14545
15368
  }
14546
15369
 
15370
+ .pf-v6-c-drawer {
15371
+ display: flex;
15372
+ flex-direction: column;
15373
+ height: 100%;
15374
+ overflow-x: hidden;
15375
+ }
14547
15376
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
14548
15377
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
14549
15378
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
15379
+ --pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
15380
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
14550
15381
  }
14551
15382
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
14552
15383
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -14570,19 +15401,21 @@ ul) {
14570
15401
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
14571
15402
  }
14572
15403
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14573
- transform: translateX(-100%);
14574
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
14575
- visibility: visible;
15404
+ transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14576
15405
  }
14577
15406
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14578
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
15407
+ transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
14579
15408
  }
14580
15409
 
15410
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15411
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15412
+ visibility: visible;
15413
+ }
14581
15414
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14582
15415
  transform: translateX(0);
14583
15416
  }
14584
15417
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14585
- transform: translate(0, -100%);
15418
+ transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14586
15419
  }
14587
15420
  .pf-v6-c-drawer.pf-m-resizing {
14588
15421
  --pf-v6-c-drawer__panel--TransitionProperty: none;
@@ -14591,6 +15424,26 @@ ul) {
14591
15424
  .pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
14592
15425
  pointer-events: auto;
14593
15426
  }
15427
+ @media screen and (min-width: 48rem) {
15428
+ .pf-v6-c-drawer.pf-m-pill {
15429
+ --pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
15430
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
15431
+ --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
15432
+ --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15433
+ --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15434
+ }
15435
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15436
+ border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
15437
+ border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
15438
+ border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
15439
+ border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
15440
+ }
15441
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
15442
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15443
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15444
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15445
+ }
15446
+ }
14594
15447
 
14595
15448
  .pf-v6-c-drawer__section {
14596
15449
  flex-grow: 0;
@@ -14606,6 +15459,7 @@ ul) {
14606
15459
  .pf-v6-c-drawer__main {
14607
15460
  display: flex;
14608
15461
  flex: 1;
15462
+ gap: var(--pf-v6-c-drawer__main--Gap, 0);
14609
15463
  overflow: hidden;
14610
15464
  }
14611
15465
 
@@ -14613,8 +15467,8 @@ ul) {
14613
15467
  .pf-v6-c-drawer__panel,
14614
15468
  .pf-v6-c-drawer__panel-main {
14615
15469
  display: flex;
14616
- flex-direction: column;
14617
15470
  flex-shrink: 0;
15471
+ flex-direction: column;
14618
15472
  overflow: auto;
14619
15473
  }
14620
15474
 
@@ -14644,6 +15498,8 @@ ul) {
14644
15498
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
14645
15499
  order: 1;
14646
15500
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
15501
+ margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
15502
+ margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
14647
15503
  overflow: auto;
14648
15504
  visibility: hidden;
14649
15505
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
@@ -14652,6 +15508,7 @@ ul) {
14652
15508
  border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
14653
15509
  border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
14654
15510
  border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
15511
+ border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
14655
15512
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
14656
15513
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
14657
15514
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -14839,7 +15696,7 @@ ul) {
14839
15696
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
14840
15697
  }
14841
15698
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14842
- transform: translateX(0);
15699
+ transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
14843
15700
  }
14844
15701
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
14845
15702
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
@@ -14851,6 +15708,8 @@ ul) {
14851
15708
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
14852
15709
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
14853
15710
  --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
15711
+ --pf-v6-c-drawer__panel--MarginBlock: initial;
15712
+ --pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
14854
15713
  min-width: auto;
14855
15714
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
14856
15715
  }
@@ -14898,82 +15757,86 @@ ul) {
14898
15757
  }
14899
15758
  @media (min-width: 48rem) {
14900
15759
  .pf-v6-c-drawer__panel.pf-m-width-25 {
14901
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15760
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14902
15761
  }
14903
15762
  .pf-v6-c-drawer__panel.pf-m-width-33 {
14904
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15763
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14905
15764
  }
14906
15765
  .pf-v6-c-drawer__panel.pf-m-width-50 {
14907
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15766
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14908
15767
  }
14909
15768
  .pf-v6-c-drawer__panel.pf-m-width-66 {
14910
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15769
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14911
15770
  }
14912
15771
  .pf-v6-c-drawer__panel.pf-m-width-75 {
14913
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15772
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14914
15773
  }
14915
15774
  .pf-v6-c-drawer__panel.pf-m-width-100 {
14916
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15775
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15776
+ --pf-v6-c-drawer__main--Gap: 0;
14917
15777
  }
14918
15778
  }
14919
15779
  @media (min-width: 62rem) {
14920
15780
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
14921
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15781
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14922
15782
  }
14923
15783
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
14924
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15784
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14925
15785
  }
14926
15786
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
14927
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15787
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14928
15788
  }
14929
15789
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
14930
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15790
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14931
15791
  }
14932
15792
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
14933
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15793
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14934
15794
  }
14935
15795
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
14936
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15796
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15797
+ --pf-v6-c-drawer__main--Gap: 0;
14937
15798
  }
14938
15799
  }
14939
15800
  @media (min-width: 75rem) {
14940
15801
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
14941
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15802
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14942
15803
  }
14943
15804
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
14944
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15805
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14945
15806
  }
14946
15807
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
14947
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15808
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14948
15809
  }
14949
15810
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
14950
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15811
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14951
15812
  }
14952
15813
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
14953
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15814
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14954
15815
  }
14955
15816
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
14956
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15817
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15818
+ --pf-v6-c-drawer__main--Gap: 0;
14957
15819
  }
14958
15820
  }
14959
15821
  @media (min-width: 90.625rem) {
14960
15822
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
14961
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15823
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14962
15824
  }
14963
15825
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
14964
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15826
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14965
15827
  }
14966
15828
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
14967
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15829
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14968
15830
  }
14969
15831
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
14970
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15832
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14971
15833
  }
14972
15834
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
14973
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15835
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14974
15836
  }
14975
15837
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
14976
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15838
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15839
+ --pf-v6-c-drawer__main--Gap: 0;
14977
15840
  }
14978
15841
  }
14979
15842
  @media (min-width: 48rem) {
@@ -15405,10 +16268,24 @@ ul) {
15405
16268
  --pf-v6-c-expandable-section__content--Opacity: 0;
15406
16269
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15407
16270
  --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
16271
+ --pf-v6-c-expandable-section__content--MaxHeight: 0px;
16272
+ --pf-v6-c-expandable-section__content--Visibility: hidden;
16273
+ --pf-v6-c-expandable-section__content--Opacity: 0;
15408
16274
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15409
16275
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15410
16276
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15411
16277
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16278
+ }
16279
+ @media screen and (prefers-reduced-motion: no-preference) {
16280
+ .pf-v6-c-expandable-section {
16281
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16282
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16283
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16284
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16285
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16286
+ }
16287
+ }
16288
+ .pf-v6-c-expandable-section {
15412
16289
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15413
16290
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15414
16291
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15425,15 +16302,6 @@ ul) {
15425
16302
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15426
16303
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15427
16304
  }
15428
- @media screen and (prefers-reduced-motion: no-preference) {
15429
- .pf-v6-c-expandable-section {
15430
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15431
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15432
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15433
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15434
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15435
- }
15436
- }
15437
16305
 
15438
16306
  .pf-v6-c-expandable-section {
15439
16307
  display: flex;
@@ -15492,9 +16360,13 @@ ul) {
15492
16360
  }
15493
16361
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15494
16362
  display: -webkit-box;
16363
+ overflow: hidden;
15495
16364
  -webkit-box-orient: vertical;
15496
16365
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15497
- overflow: hidden;
16366
+ }
16367
+
16368
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16369
+ scale: -1 1;
15498
16370
  }
15499
16371
 
15500
16372
  .pf-v6-c-expandable-section__toggle-icon {
@@ -15504,10 +16376,6 @@ ul) {
15504
16376
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
15505
16377
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
15506
16378
  }
15507
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
15508
- scale: -1 1;
15509
- }
15510
-
15511
16379
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
15512
16380
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15513
16381
  }
@@ -16090,8 +16958,8 @@ ul) {
16090
16958
 
16091
16959
  .pf-v6-c-form__field-group-header-main {
16092
16960
  display: flex;
16093
- flex-direction: column;
16094
16961
  flex-grow: 1;
16962
+ flex-direction: column;
16095
16963
  }
16096
16964
 
16097
16965
  .pf-v6-c-form__field-group-header-title {
@@ -16332,8 +17200,8 @@ ul) {
16332
17200
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16333
17201
  }
16334
17202
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16335
- outline-offset: 0;
16336
17203
  scrollbar-gutter: stable;
17204
+ outline-offset: 0;
16337
17205
  }
16338
17206
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16339
17207
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -16513,81 +17381,6 @@ ul) {
16513
17381
  pointer-events: none;
16514
17382
  }
16515
17383
 
16516
- .pf-v6-c-hint {
16517
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16518
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16519
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16520
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16521
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16522
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16523
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16524
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
16525
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16526
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
16527
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16528
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
16529
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
16530
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16531
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
16532
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16533
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16534
- }
16535
-
16536
- .pf-v6-c-hint {
16537
- display: grid;
16538
- grid-template-columns: 1fr auto;
16539
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
16540
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
16541
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
16542
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
16543
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
16544
- color: var(--pf-v6-c-hint--Color);
16545
- background-color: var(--pf-v6-c-hint--BackgroundColor);
16546
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
16547
- border-radius: var(--pf-v6-c-hint--BorderRadius);
16548
- }
16549
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
16550
- text-align: start;
16551
- white-space: normal;
16552
- }
16553
-
16554
- .pf-v6-c-hint__actions {
16555
- display: inline-grid;
16556
- grid-row: 1;
16557
- grid-column: 2;
16558
- grid-auto-flow: column;
16559
- align-self: start;
16560
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
16561
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
16562
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
16563
- text-align: end;
16564
- }
16565
- .pf-v6-c-hint__actions.pf-m-no-offset {
16566
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
16567
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
16568
- }
16569
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
16570
- grid-column: 1;
16571
- }
16572
-
16573
- .pf-v6-c-hint__title {
16574
- align-self: center;
16575
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
16576
- }
16577
-
16578
- .pf-v6-c-hint__body {
16579
- grid-column: 1/-1;
16580
- font-size: var(--pf-v6-c-hint__body--FontSize);
16581
- }
16582
-
16583
- .pf-v6-c-hint__footer {
16584
- grid-column: 1/-1;
16585
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
16586
- }
16587
- .pf-v6-c-hint__footer > :not(:last-child) {
16588
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
16589
- }
16590
-
16591
17384
  .pf-v6-c-helper-text {
16592
17385
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16593
17386
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -16673,6 +17466,156 @@ ul) {
16673
17466
  color: var(--pf-v6-c-helper-text__item-text--Color);
16674
17467
  }
16675
17468
 
17469
+ .pf-v6-c-hero {
17470
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17471
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17472
+ --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17473
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17474
+ --pf-v6-c-hero--gradient--angle: 109deg;
17475
+ --pf-v6-c-hero--gradient--stop-1--light: transparent;
17476
+ --pf-v6-c-hero--gradient--stop-2--light: transparent;
17477
+ --pf-v6-c-hero--gradient--stop-3--light: transparent;
17478
+ --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17479
+ --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17480
+ --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17481
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17482
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17483
+ --pf-v6-c-hero--BackgroundImage--light: none;
17484
+ --pf-v6-c-hero--BackgroundImage--dark: none;
17485
+ --pf-v6-c-hero--BackgroundRepeat: no-repeat;
17486
+ --pf-v6-c-hero--BackgroundPosition: right center;
17487
+ --pf-v6-c-hero--BackgroundSize: contain;
17488
+ --pf-v6-c-hero--BorderStyle: solid;
17489
+ --pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
17490
+ --pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
17491
+ --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17492
+ --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17493
+ --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17494
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17495
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17496
+ --pf-v6-c-hero--BorderStartStartRadius: 24px;
17497
+ --pf-v6-c-hero--BorderStartEndRadius: 72px;
17498
+ --pf-v6-c-hero--BorderEndEndRadius: 24px;
17499
+ --pf-v6-c-hero--BorderEndStartRadius: 72px;
17500
+ --pf-v6-c-hero__body--Width: 800px;
17501
+ --pf-v6-c-hero__body--MaxWidth: 80%;
17502
+ }
17503
+
17504
+ .pf-v6-c-hero {
17505
+ display: flex;
17506
+ padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
17507
+ padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17508
+ padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17509
+ padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17510
+ 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%);
17511
+ background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17512
+ background-position: var(--pf-v6-c-hero--BackgroundPosition);
17513
+ background-size: var(--pf-v6-c-hero--BackgroundSize);
17514
+ border-color: var(--pf-v6-c-hero--BorderColor);
17515
+ border-style: var(--pf-v6-c-hero--BorderStyle);
17516
+ border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
17517
+ border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
17518
+ border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
17519
+ border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
17520
+ border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
17521
+ border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
17522
+ border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17523
+ border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17524
+ }
17525
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17526
+ --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17527
+ --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17528
+ --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17529
+ --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17530
+ }
17531
+ :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17532
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17533
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17534
+ }
17535
+ .pf-v6-c-hero:not(.pf-m-no-glass) {
17536
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17537
+ backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17538
+ }
17539
+
17540
+ .pf-v6-c-hero__body {
17541
+ width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
17542
+ }
17543
+
17544
+ .pf-v6-c-hint {
17545
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17546
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17547
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17548
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17549
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17550
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17551
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
17552
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
17553
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
17554
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
17555
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17556
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17557
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
17558
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
17559
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17560
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17561
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17562
+ }
17563
+
17564
+ .pf-v6-c-hint {
17565
+ display: grid;
17566
+ grid-template-columns: 1fr auto;
17567
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
17568
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
17569
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
17570
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
17571
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
17572
+ color: var(--pf-v6-c-hint--Color);
17573
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
17574
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
17575
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
17576
+ }
17577
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
17578
+ text-align: start;
17579
+ white-space: normal;
17580
+ }
17581
+
17582
+ .pf-v6-c-hint__actions {
17583
+ display: inline-grid;
17584
+ grid-row: 1;
17585
+ grid-column: 2;
17586
+ grid-auto-flow: column;
17587
+ align-self: start;
17588
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
17589
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
17590
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17591
+ text-align: end;
17592
+ }
17593
+ .pf-v6-c-hint__actions.pf-m-no-offset {
17594
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
17595
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
17596
+ }
17597
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
17598
+ grid-column: 1;
17599
+ }
17600
+
17601
+ .pf-v6-c-hint__title {
17602
+ align-self: center;
17603
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
17604
+ }
17605
+
17606
+ .pf-v6-c-hint__body {
17607
+ grid-column: 1/-1;
17608
+ font-size: var(--pf-v6-c-hint__body--FontSize);
17609
+ }
17610
+
17611
+ .pf-v6-c-hint__footer {
17612
+ grid-column: 1/-1;
17613
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
17614
+ }
17615
+ .pf-v6-c-hint__footer > :not(:last-child) {
17616
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
17617
+ }
17618
+
16676
17619
  .pf-v6-c-icon {
16677
17620
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
16678
17621
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -17401,6 +18344,10 @@ label.pf-v6-c-input-group__text {
17401
18344
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17402
18345
  }
17403
18346
 
18347
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18348
+ scale: -1 1;
18349
+ }
18350
+
17404
18351
  .pf-v6-c-jump-links__toggle-icon {
17405
18352
  display: inline-block;
17406
18353
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17409,9 +18356,6 @@ label.pf-v6-c-input-group__text {
17409
18356
  transition-property: transform;
17410
18357
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17411
18358
  }
17412
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17413
- scale: -1 1;
17414
- }
17415
18359
 
17416
18360
  .pf-v6-c-label {
17417
18361
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -17908,6 +18852,10 @@ input.pf-v6-c-label__content {
17908
18852
  .pf-v6-c-label__actions {
17909
18853
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
17910
18854
  }
18855
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18856
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18857
+ }
18858
+
17911
18859
  .pf-v6-c-label__actions .pf-v6-c-button {
17912
18860
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
17913
18861
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -17918,9 +18866,6 @@ input.pf-v6-c-label__content {
17918
18866
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
17919
18867
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
17920
18868
  }
17921
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
17922
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
17923
- }
17924
18869
 
17925
18870
  .pf-v6-c-label-group {
17926
18871
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18061,9 +19006,9 @@ input.pf-v6-c-label__content {
18061
19006
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18062
19007
  white-space: nowrap;
18063
19008
  resize: none;
18064
- border: 0;
18065
- -ms-overflow-style: none;
18066
19009
  scrollbar-width: none;
19010
+ -ms-overflow-style: none;
19011
+ border: 0;
18067
19012
  }
18068
19013
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18069
19014
  display: none;
@@ -18149,18 +19094,48 @@ ul.pf-v6-c-list {
18149
19094
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18150
19095
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18151
19096
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19097
+ }
19098
+ @media (min-width: 75rem) {
19099
+ .pf-v6-c-login {
19100
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19101
+ }
19102
+ }
19103
+ .pf-v6-c-login {
18152
19104
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18153
19105
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18154
19106
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19107
+ }
19108
+ @media (min-width: 36rem) {
19109
+ .pf-v6-c-login {
19110
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19111
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19112
+ }
19113
+ }
19114
+ .pf-v6-c-login {
18155
19115
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18156
19116
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18157
19117
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18158
19118
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19119
+ }
19120
+ @media (min-width: 75rem) {
19121
+ .pf-v6-c-login {
19122
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19123
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19124
+ }
19125
+ }
19126
+ .pf-v6-c-login {
18159
19127
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18160
19128
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18161
19129
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18162
19130
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18163
19131
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19132
+ }
19133
+ @media (min-width: 75rem) {
19134
+ .pf-v6-c-login {
19135
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19136
+ }
19137
+ }
19138
+ .pf-v6-c-login {
18164
19139
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18165
19140
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18166
19141
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18172,11 +19147,28 @@ ul.pf-v6-c-list {
18172
19147
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18173
19148
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18174
19149
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19150
+ }
19151
+ @media (min-width: 48rem) {
19152
+ .pf-v6-c-login {
19153
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19154
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19155
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19156
+ }
19157
+ }
19158
+ .pf-v6-c-login {
18175
19159
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18176
19160
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18177
19161
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18178
19162
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18179
19163
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19164
+ }
19165
+ @media (min-width: 48rem) {
19166
+ .pf-v6-c-login {
19167
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19168
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19169
+ }
19170
+ }
19171
+ .pf-v6-c-login {
18180
19172
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18181
19173
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18182
19174
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18194,43 +19186,6 @@ ul.pf-v6-c-list {
18194
19186
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18195
19187
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18196
19188
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18197
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18198
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18199
- }
18200
- @media (min-width: 75rem) {
18201
- .pf-v6-c-login {
18202
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18203
- }
18204
- }
18205
- @media (min-width: 36rem) {
18206
- .pf-v6-c-login {
18207
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18208
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18209
- }
18210
- }
18211
- @media (min-width: 75rem) {
18212
- .pf-v6-c-login {
18213
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18214
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18215
- }
18216
- }
18217
- @media (min-width: 75rem) {
18218
- .pf-v6-c-login {
18219
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18220
- }
18221
- }
18222
- @media (min-width: 48rem) {
18223
- .pf-v6-c-login {
18224
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18225
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18226
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18227
- }
18228
- }
18229
- @media (min-width: 48rem) {
18230
- .pf-v6-c-login {
18231
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18232
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18233
- }
18234
19189
  }
18235
19190
  @media (min-width: 36rem) {
18236
19191
  .pf-v6-c-login {
@@ -18238,6 +19193,10 @@ ul.pf-v6-c-list {
18238
19193
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18239
19194
  }
18240
19195
  }
19196
+ .pf-v6-c-login {
19197
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19198
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19199
+ }
18241
19200
  @media (min-width: 75rem) {
18242
19201
  .pf-v6-c-login {
18243
19202
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -18433,12 +19392,26 @@ ul.pf-v6-c-list {
18433
19392
  --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
18434
19393
  --pf-v6-c-masthead--m-display-inline__main--Display: flex;
18435
19394
  --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
19395
+ --pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
19396
+ --pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
19397
+ --pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19398
+ --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19399
+ --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19400
+ --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19401
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
19402
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
19403
+ --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
18436
19404
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18437
19405
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
18438
19406
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
18439
19407
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
18440
19408
  }
18441
19409
 
19410
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19411
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19412
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19413
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19414
+ }
18442
19415
  .pf-v6-c-masthead {
18443
19416
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
18444
19417
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -18452,22 +19425,6 @@ ul.pf-v6-c-list {
18452
19425
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
18453
19426
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
18454
19427
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
18455
- display: grid;
18456
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
18457
- row-gap: var(--pf-v6-c-masthead--RowGap);
18458
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
18459
- align-items: start;
18460
- min-width: 0;
18461
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
18462
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
18463
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
18464
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
18465
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
18466
- }
18467
- .pf-v6-c-masthead .pf-v6-c-toolbar {
18468
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
18469
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
18470
- --pf-v6-c-toolbar__content--MinWidth: 0;
18471
19428
  }
18472
19429
  @media screen and (min-width: 48rem) {
18473
19430
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -18485,6 +19442,62 @@ ul.pf-v6-c-list {
18485
19442
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
18486
19443
  }
18487
19444
  }
19445
+ .pf-v6-c-masthead {
19446
+ display: grid;
19447
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19448
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19449
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19450
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19451
+ align-items: start;
19452
+ min-width: 0;
19453
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19454
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19455
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19456
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19457
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19458
+ }
19459
+ .pf-v6-c-masthead.pf-m-docked {
19460
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19461
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19462
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19463
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19464
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19465
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19466
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19467
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19468
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19469
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19470
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19471
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19472
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19473
+ --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19474
+ --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
19475
+ --pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
19476
+ --pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
19477
+ --pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
19478
+ --pf-v6-c-masthead--GridTemplateColumns: auto;
19479
+ --pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
19480
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
19481
+ --pf-v6-c-masthead__main--GridColumn: auto;
19482
+ --pf-v6-c-masthead__content--GridColumn: auto;
19483
+ --pf-v6-c-masthead__logo--Width: auto;
19484
+ --pf-v6-c-masthead__main--MarginInlineEnd: 0;
19485
+ display: flex;
19486
+ flex-direction: column;
19487
+ align-items: center;
19488
+ width: fit-content;
19489
+ height: 100%;
19490
+ backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19491
+ }
19492
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19493
+ flex-grow: 1;
19494
+ flex-direction: column;
19495
+ align-self: revert;
19496
+ }
19497
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
19498
+ --pf-v6-c-masthead--c-toolbar--Width: fit-content;
19499
+ height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
19500
+ }
18488
19501
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
18489
19502
  flex-wrap: nowrap;
18490
19503
  min-width: 0;
@@ -18948,6 +19961,13 @@ ul.pf-v6-c-list {
18948
19961
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
18949
19962
  --pf-v6-c-menu--TransitionDuration: 0s;
18950
19963
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19964
+ }
19965
+ @media (prefers-reduced-motion: no-preference) {
19966
+ .pf-v6-c-menu {
19967
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19968
+ }
19969
+ }
19970
+ .pf-v6-c-menu {
18951
19971
  --pf-v6-c-menu--m-plain--BoxShadow: none;
18952
19972
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
18953
19973
  --pf-v6-c-menu__content--Height: auto;
@@ -19027,33 +20047,34 @@ ul.pf-v6-c-list {
19027
20047
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19028
20048
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19029
20049
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19030
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19031
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19032
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19033
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19034
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19035
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19036
- }
19037
- @media (prefers-reduced-motion: no-preference) {
19038
- .pf-v6-c-menu {
19039
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19040
- }
19041
20050
  }
19042
20051
  @media (prefers-reduced-motion: no-preference) {
19043
20052
  .pf-v6-c-menu {
19044
20053
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19045
20054
  }
19046
20055
  }
20056
+ .pf-v6-c-menu {
20057
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20058
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20059
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20060
+ }
19047
20061
  @media (prefers-reduced-motion: no-preference) {
19048
20062
  .pf-v6-c-menu {
19049
20063
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19050
20064
  }
19051
20065
  }
20066
+ .pf-v6-c-menu {
20067
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20068
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20069
+ }
19052
20070
  @media (prefers-reduced-motion: no-preference) {
19053
20071
  .pf-v6-c-menu {
19054
20072
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19055
20073
  }
19056
20074
  }
20075
+ .pf-v6-c-menu {
20076
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20077
+ }
19057
20078
 
19058
20079
  .pf-v6-c-menu__content,
19059
20080
  .pf-v6-c-menu__list-item,
@@ -19511,13 +20532,14 @@ ul.pf-v6-c-list {
19511
20532
  --pf-v6-c-check__input--TranslateY: none;
19512
20533
  }
19513
20534
 
19514
- .pf-v6-c-menu__item-toggle-icon {
19515
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
19516
- }
19517
20535
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
19518
20536
  scale: -1 1;
19519
20537
  }
19520
20538
 
20539
+ .pf-v6-c-menu__item-toggle-icon {
20540
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20541
+ }
20542
+
19521
20543
  .pf-v6-c-menu__item-icon {
19522
20544
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
19523
20545
  }
@@ -19686,6 +20708,7 @@ ul.pf-v6-c-list {
19686
20708
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
19687
20709
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
19688
20710
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
20711
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
19689
20712
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
19690
20713
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
19691
20714
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -19814,6 +20837,9 @@ ul.pf-v6-c-list {
19814
20837
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
19815
20838
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
19816
20839
  }
20840
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
20841
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
20842
+ }
19817
20843
  .pf-v6-c-menu-toggle.pf-m-plain::before {
19818
20844
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
19819
20845
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -20104,6 +21130,13 @@ ul.pf-v6-c-list {
20104
21130
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20105
21131
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20106
21132
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21133
+ }
21134
+ @media (min-width: 75rem) {
21135
+ .pf-v6-c-modal-box {
21136
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21137
+ }
21138
+ }
21139
+ .pf-v6-c-modal-box {
20107
21140
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20108
21141
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20109
21142
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20135,11 +21168,6 @@ ul.pf-v6-c-list {
20135
21168
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20136
21169
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20137
21170
  }
20138
- @media (min-width: 75rem) {
20139
- .pf-v6-c-modal-box {
20140
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20141
- }
20142
- }
20143
21171
 
20144
21172
  .pf-v6-c-modal-box {
20145
21173
  position: relative;
@@ -20201,8 +21229,8 @@ ul.pf-v6-c-list {
20201
21229
 
20202
21230
  .pf-v6-c-modal-box__header {
20203
21231
  display: flex;
20204
- flex-direction: column;
20205
21232
  flex-shrink: 0;
21233
+ flex-direction: column;
20206
21234
  gap: var(--pf-v6-c-modal-box__header--Gap);
20207
21235
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20208
21236
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20219,8 +21247,8 @@ ul.pf-v6-c-list {
20219
21247
 
20220
21248
  .pf-v6-c-modal-box__header-main {
20221
21249
  display: flex;
20222
- flex-direction: column;
20223
21250
  flex-grow: 1;
21251
+ flex-direction: column;
20224
21252
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20225
21253
  min-width: 0;
20226
21254
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -20529,6 +21557,15 @@ ul.pf-v6-c-list {
20529
21557
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
20530
21558
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
20531
21559
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21560
+ --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
21561
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
21562
+ --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
21563
+ --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
21564
+ --pf-v6-c-nav__item--accent--ScaleY: 0;
21565
+ --pf-v6-c-nav__item--current--accent--ScaleY: 1;
21566
+ --pf-v6-c-nav__item--accent--TransitionDuration: 0;
21567
+ --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21568
+ --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
20532
21569
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
20533
21570
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
20534
21571
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
@@ -20553,6 +21590,7 @@ ul.pf-v6-c-list {
20553
21590
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
20554
21591
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
20555
21592
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
21593
+ --pf-v6-c-nav__link-text--FontSize: initial;
20556
21594
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
20557
21595
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
20558
21596
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
@@ -20564,6 +21602,15 @@ ul.pf-v6-c-list {
20564
21602
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
20565
21603
  --pf-v6-c-nav__subnav--TranslateY: 0;
20566
21604
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21605
+ }
21606
+ @media screen and (prefers-reduced-motion: no-preference) {
21607
+ .pf-v6-c-nav {
21608
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21609
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21610
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21611
+ }
21612
+ }
21613
+ .pf-v6-c-nav {
20567
21614
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
20568
21615
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
20569
21616
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -20593,13 +21640,11 @@ ul.pf-v6-c-list {
20593
21640
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20594
21641
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
20595
21642
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20596
- }
20597
- @media screen and (prefers-reduced-motion: no-preference) {
20598
- .pf-v6-c-nav {
20599
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
20600
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
20601
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
20602
- }
21643
+ --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21644
+ --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21645
+ --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21646
+ --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21647
+ --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20603
21648
  }
20604
21649
 
20605
21650
  .pf-v6-c-nav,
@@ -20634,6 +21679,25 @@ ul.pf-v6-c-list {
20634
21679
  .pf-v6-c-nav.pf-m-fill {
20635
21680
  flex-grow: 1;
20636
21681
  }
21682
+ .pf-v6-c-nav.pf-m-docked {
21683
+ --pf-v6-c-nav--PaddingBlockStart: 0;
21684
+ --pf-v6-c-nav--PaddingBlockEnd: 0;
21685
+ --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
21686
+ --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
21687
+ --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
21688
+ --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
21689
+ --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
21690
+ width: fit-content;
21691
+ }
21692
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
21693
+ position: relative;
21694
+ align-self: center;
21695
+ min-width: 1lh;
21696
+ text-align: center;
21697
+ }
21698
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21699
+ display: none;
21700
+ }
20637
21701
  .pf-v6-c-nav .pf-v6-c-menu {
20638
21702
  --pf-v6-c-menu--MinWidth: 100%;
20639
21703
  }
@@ -20697,14 +21761,34 @@ ul.pf-v6-c-list {
20697
21761
  }
20698
21762
 
20699
21763
  .pf-v6-c-nav__item {
21764
+ position: relative;
20700
21765
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
20701
21766
  }
21767
+ .pf-v6-c-nav__item::before {
21768
+ position: absolute;
21769
+ inset-block-start: 0;
21770
+ inset-block-end: 0;
21771
+ inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
21772
+ width: var(--pf-v6-c-nav__item--accent--size);
21773
+ pointer-events: none;
21774
+ content: var(--pf-v6-c-nav__item--accent--content, "");
21775
+ background-color: var(--pf-v6-c-nav__item--accent--color);
21776
+ border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
21777
+ transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
21778
+ transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
21779
+ transition-property: scale;
21780
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
21781
+ }
20702
21782
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
20703
21783
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
20704
21784
  }
20705
21785
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
20706
21786
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
20707
21787
  }
21788
+ .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
21789
+ --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
21790
+ --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
21791
+ }
20708
21792
 
20709
21793
  .pf-v6-c-nav__section {
20710
21794
  row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
@@ -20766,6 +21850,10 @@ ul.pf-v6-c-list {
20766
21850
  color: var(--pf-v6-c-nav__link-icon--Color);
20767
21851
  }
20768
21852
 
21853
+ .pf-v6-c-nav__link-text {
21854
+ font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
21855
+ }
21856
+
20769
21857
  .pf-v6-c-nav__toggle {
20770
21858
  flex: none;
20771
21859
  align-self: start;
@@ -20821,6 +21909,7 @@ ul.pf-v6-c-list {
20821
21909
  }
20822
21910
 
20823
21911
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21912
+ --pf-v6-c-nav__item--accent--content: none;
20824
21913
  padding: 0;
20825
21914
  overflow: hidden;
20826
21915
  }
@@ -20841,12 +21930,14 @@ ul.pf-v6-c-list {
20841
21930
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
20842
21931
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
20843
21932
  -webkit-overflow-scrolling: touch;
20844
- scrollbar-width: none;
20845
- -ms-overflow-style: -ms-autohiding-scrollbar;
20846
21933
  }
20847
21934
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
20848
21935
  display: none;
20849
21936
  }
21937
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21938
+ scrollbar-width: none;
21939
+ -ms-overflow-style: -ms-autohiding-scrollbar;
21940
+ }
20850
21941
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
20851
21942
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
20852
21943
  }
@@ -20884,6 +21975,7 @@ ul.pf-v6-c-list {
20884
21975
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
20885
21976
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
20886
21977
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
21978
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
20887
21979
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
20888
21980
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
20889
21981
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -20978,6 +22070,7 @@ ul.pf-v6-c-list {
20978
22070
 
20979
22071
  .pf-v6-c-notification-drawer__header-action {
20980
22072
  display: flex;
22073
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
20981
22074
  align-items: center;
20982
22075
  margin-inline-start: auto;
20983
22076
  }
@@ -21061,9 +22154,9 @@ ul.pf-v6-c-list {
21061
22154
  }
21062
22155
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21063
22156
  display: -webkit-box;
22157
+ overflow: hidden;
21064
22158
  -webkit-box-orient: vertical;
21065
22159
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21066
- overflow: hidden;
21067
22160
  }
21068
22161
 
21069
22162
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21117,9 +22210,9 @@ ul.pf-v6-c-list {
21117
22210
 
21118
22211
  .pf-v6-c-notification-drawer__group-toggle-title {
21119
22212
  display: -webkit-box;
22213
+ overflow: hidden;
21120
22214
  -webkit-box-orient: vertical;
21121
22215
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21122
- overflow: hidden;
21123
22216
  flex: 1;
21124
22217
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21125
22218
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21132,15 +22225,15 @@ ul.pf-v6-c-list {
21132
22225
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21133
22226
  }
21134
22227
 
22228
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22229
+ scale: -1 1;
22230
+ }
22231
+
21135
22232
  .pf-v6-c-notification-drawer__group-toggle-icon {
21136
22233
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21137
22234
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21138
22235
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21139
22236
  }
21140
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21141
- scale: -1 1;
21142
- }
21143
-
21144
22237
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21145
22238
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21146
22239
  }
@@ -21186,6 +22279,7 @@ ul.pf-v6-c-list {
21186
22279
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21187
22280
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
21188
22281
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22282
+ --pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
21189
22283
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
21190
22284
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
21191
22285
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -21208,6 +22302,15 @@ ul.pf-v6-c-list {
21208
22302
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21209
22303
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21210
22304
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22305
+ }
22306
+ @media screen and (prefers-reduced-motion: no-preference) {
22307
+ .pf-v6-c-page {
22308
+ --pf-v6-c-page__sidebar--Opacity: 1;
22309
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22310
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22311
+ }
22312
+ }
22313
+ .pf-v6-c-page {
21211
22314
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21212
22315
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21213
22316
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21223,6 +22326,15 @@ ul.pf-v6-c-list {
21223
22326
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21224
22327
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21225
22328
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22329
+ }
22330
+ @media screen and (min-width: 75rem) {
22331
+ .pf-v6-c-page {
22332
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22333
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22334
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22335
+ }
22336
+ }
22337
+ .pf-v6-c-page {
21226
22338
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21227
22339
  --pf-v6-c-page__main-container--GridArea: main;
21228
22340
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21245,6 +22357,17 @@ ul.pf-v6-c-list {
21245
22357
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21246
22358
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21247
22359
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22360
+ }
22361
+ @media screen and (max-width: calc(48rem - 1px)) {
22362
+ .pf-v6-c-page {
22363
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22364
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22365
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22366
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22367
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22368
+ }
22369
+ }
22370
+ .pf-v6-c-page {
21248
22371
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21249
22372
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21250
22373
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21293,29 +22416,9 @@ ul.pf-v6-c-list {
21293
22416
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21294
22417
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21295
22418
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21296
- }
21297
- @media screen and (prefers-reduced-motion: no-preference) {
21298
- .pf-v6-c-page {
21299
- --pf-v6-c-page__sidebar--Opacity: 1;
21300
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21301
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21302
- }
21303
- }
21304
- @media screen and (min-width: 75rem) {
21305
- .pf-v6-c-page {
21306
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21307
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21308
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21309
- }
21310
- }
21311
- @media screen and (max-width: calc(48rem - 1px)) {
21312
- .pf-v6-c-page {
21313
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21314
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21315
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21316
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21317
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21318
- }
22419
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22420
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22421
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21319
22422
  }
21320
22423
 
21321
22424
  .pf-v6-c-page {
@@ -21335,6 +22438,16 @@ ul.pf-v6-c-list {
21335
22438
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
21336
22439
  }
21337
22440
  }
22441
+ .pf-v6-c-page.pf-m-dock {
22442
+ --pf-v6-c-page--masthead--main-container--GridArea: main;
22443
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
22444
+ --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
22445
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
22446
+ grid-template-areas: "dock main";
22447
+ grid-template-rows: auto;
22448
+ grid-template-columns: auto 1fr;
22449
+ column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
22450
+ }
21338
22451
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
21339
22452
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
21340
22453
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -21381,15 +22494,20 @@ ul.pf-v6-c-list {
21381
22494
  }
21382
22495
  }
21383
22496
 
21384
- .pf-v6-c-page > .pf-v6-c-masthead {
21385
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
21386
- grid-area: header;
21387
- }
21388
22497
  @media (min-width: 75rem) {
21389
22498
  .pf-v6-c-page > .pf-v6-c-masthead {
21390
22499
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
21391
22500
  }
21392
22501
  }
22502
+ .pf-v6-c-page > .pf-v6-c-masthead {
22503
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22504
+ grid-area: header;
22505
+ }
22506
+
22507
+ .pf-v6-c-page__dock {
22508
+ z-index: var(--pf-v6-c-page__dock--ZIndex);
22509
+ grid-area: dock;
22510
+ }
21393
22511
 
21394
22512
  .pf-v6-c-page__sidebar {
21395
22513
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -21501,8 +22619,8 @@ ul.pf-v6-c-list {
21501
22619
  .pf-v6-c-page__main-group,
21502
22620
  .pf-v6-c-page__main-subnav {
21503
22621
  display: flex;
21504
- flex-direction: column;
21505
22622
  flex-shrink: 0;
22623
+ flex-direction: column;
21506
22624
  }
21507
22625
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
21508
22626
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21694,6 +22812,7 @@ ul.pf-v6-c-list {
21694
22812
  flex-direction: column;
21695
22813
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
21696
22814
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
22815
+ margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
21697
22816
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21698
22817
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21699
22818
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -21745,8 +22864,8 @@ ul.pf-v6-c-list {
21745
22864
  .pf-v6-c-page__main-drawer,
21746
22865
  .pf-v6-c-page__main-group {
21747
22866
  display: flex;
21748
- flex-direction: column;
21749
22867
  flex-grow: 1;
22868
+ flex-direction: column;
21750
22869
  }
21751
22870
 
21752
22871
  .pf-v6-c-page__main {
@@ -23660,8 +24779,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23660
24779
  position: var(--pf-v6-c-sidebar__panel--Position);
23661
24780
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
23662
24781
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
23663
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23664
24782
  flex-shrink: 0;
24783
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23665
24784
  order: var(--pf-v6-c-sidebar__panel--Order);
23666
24785
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
23667
24786
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -23958,7 +25077,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23958
25077
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
23959
25078
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
23960
25079
  --pf-v6-c-skeleton--before--Height: auto;
23961
- --pf-v6-c-skeleton--before--Content: " ";
25080
+ --pf-v6-c-skeleton--before--Content: "\00a0";
23962
25081
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
23963
25082
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
23964
25083
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -23969,6 +25088,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23969
25088
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
23970
25089
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
23971
25090
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25091
+ }
25092
+ @media screen and (prefers-reduced-motion: no-preference) {
25093
+ .pf-v6-c-skeleton {
25094
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25095
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25096
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25097
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25098
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25099
+ }
25100
+ }
25101
+ .pf-v6-c-skeleton {
23972
25102
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
23973
25103
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
23974
25104
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -23996,15 +25126,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23996
25126
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
23997
25127
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
23998
25128
  }
23999
- @media screen and (prefers-reduced-motion: no-preference) {
24000
- .pf-v6-c-skeleton {
24001
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24002
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24003
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24004
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24005
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24006
- }
24007
- }
24008
25129
 
24009
25130
  .pf-v6-c-skeleton {
24010
25131
  position: relative;
@@ -24021,6 +25142,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24021
25142
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24022
25143
  content: var(--pf-v6-c-skeleton--before--Content);
24023
25144
  }
25145
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25146
+ scale: -1 1;
25147
+ }
25148
+
24024
25149
  .pf-v6-c-skeleton::after {
24025
25150
  position: absolute;
24026
25151
  inset: 0;
@@ -24030,10 +25155,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24030
25155
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24031
25156
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24032
25157
  }
24033
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24034
- scale: -1 1;
24035
- }
24036
-
24037
25158
  .pf-v6-c-skeleton.pf-m-circle {
24038
25159
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24039
25160
  }
@@ -24221,12 +25342,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24221
25342
 
24222
25343
  .pf-v6-c-slider {
24223
25344
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24224
- display: flex;
24225
25345
  }
24226
25346
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24227
25347
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24228
25348
  }
24229
25349
 
25350
+ .pf-v6-c-slider {
25351
+ display: flex;
25352
+ }
24230
25353
  .pf-v6-c-slider.pf-m-disabled {
24231
25354
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24232
25355
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24289,6 +25412,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24289
25412
 
24290
25413
  .pf-v6-c-slider__step-tick {
24291
25414
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25415
+ }
25416
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25417
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25418
+ }
25419
+
25420
+ .pf-v6-c-slider__step-tick {
24292
25421
  position: absolute;
24293
25422
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24294
25423
  inset-inline-start: 0;
@@ -24298,22 +25427,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24298
25427
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24299
25428
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24300
25429
  }
24301
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24302
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24303
- }
24304
25430
 
24305
25431
  .pf-v6-c-slider__step-label {
24306
25432
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
24307
- position: absolute;
24308
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
24309
- word-break: normal;
24310
25433
  }
24311
25434
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
24312
25435
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24313
25436
  }
24314
25437
 
25438
+ .pf-v6-c-slider__step-label {
25439
+ position: absolute;
25440
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25441
+ word-break: normal;
25442
+ }
25443
+
24315
25444
  .pf-v6-c-slider__thumb {
24316
25445
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25446
+ }
25447
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25448
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25449
+ }
25450
+
25451
+ .pf-v6-c-slider__thumb {
24317
25452
  position: absolute;
24318
25453
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
24319
25454
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -24325,12 +25460,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24325
25460
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
24326
25461
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
24327
25462
  }
24328
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
24329
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25463
+ .pf-v6-c-slider__thumb::before {
25464
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25465
+ }
25466
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25467
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24330
25468
  }
24331
25469
 
24332
25470
  .pf-v6-c-slider__thumb::before {
24333
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
24334
25471
  position: absolute;
24335
25472
  inset-block-start: 50%;
24336
25473
  inset-inline-start: 50%;
@@ -24339,10 +25476,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24339
25476
  content: "";
24340
25477
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
24341
25478
  }
24342
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
24343
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24344
- }
24345
-
24346
25479
  .pf-v6-c-slider__thumb:hover {
24347
25480
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
24348
25481
  }
@@ -24359,16 +25492,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24359
25492
  }
24360
25493
  .pf-v6-c-slider__value.pf-m-floating {
24361
25494
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25495
+ }
25496
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25497
+ 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));
25498
+ }
25499
+
25500
+ .pf-v6-c-slider__value.pf-m-floating {
24362
25501
  --pf-v6-c-slider__value--MarginInlineStart: 0;
24363
25502
  position: absolute;
24364
25503
  inset-block-start: 0;
24365
25504
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
24366
25505
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
24367
25506
  }
24368
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
24369
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
24370
- }
24371
-
24372
25507
  .pf-v6-c-slider__value .pf-v6-c-form-control {
24373
25508
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
24374
25509
  }
@@ -24546,12 +25681,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24546
25681
  }
24547
25682
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24548
25683
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
24549
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
24550
25684
  }
24551
25685
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24552
25686
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
24553
25687
  }
24554
25688
 
25689
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25690
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25691
+ }
24555
25692
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
24556
25693
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
24557
25694
  }
@@ -25036,7 +26173,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25036
26173
  --pf-v6-c-table--cell--Width: auto;
25037
26174
  }
25038
26175
 
25039
- @media screen and (max-width: calc(48rem - 1px)) {
26176
+ @container pf-v6-contain-table (max-width: 48rem) {
25040
26177
  .pf-m-grid-md.pf-v6-c-table {
25041
26178
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25042
26179
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25314,15 +26451,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25314
26451
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25315
26452
  text-align: end;
25316
26453
  }
25317
- }
25318
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
25319
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25320
- grid-row-start: 1;
25321
- grid-column-start: 2;
25322
- margin-inline-start: 0;
26454
+ @media screen and (max-width: 36rem) {
26455
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
26456
+ grid-row-start: 1;
26457
+ grid-column-start: 2;
26458
+ margin-inline-start: 0;
26459
+ }
25323
26460
  }
25324
- }
25325
- @media screen and (max-width: calc(48rem - 1px)) {
25326
26461
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25327
26462
  grid-column: 2;
25328
26463
  grid-row: 2;
@@ -25348,7 +26483,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25348
26483
  }
25349
26484
  }
25350
26485
 
25351
- @media screen and (max-width: calc(62rem - 1px)) {
26486
+ @container pf-v6-contain-table (max-width: 62rem) {
25352
26487
  .pf-m-grid-lg.pf-v6-c-table {
25353
26488
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25354
26489
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25626,15 +26761,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25626
26761
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25627
26762
  text-align: end;
25628
26763
  }
25629
- }
25630
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
25631
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25632
- grid-row-start: 1;
25633
- grid-column-start: 2;
25634
- margin-inline-start: 0;
26764
+ @media screen and (max-width: 36rem) {
26765
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
26766
+ grid-row-start: 1;
26767
+ grid-column-start: 2;
26768
+ margin-inline-start: 0;
26769
+ }
25635
26770
  }
25636
- }
25637
- @media screen and (max-width: calc(62rem - 1px)) {
25638
26771
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25639
26772
  grid-column: 2;
25640
26773
  grid-row: 2;
@@ -25660,7 +26793,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25660
26793
  }
25661
26794
  }
25662
26795
 
25663
- @media screen and (max-width: calc(75rem - 1px)) {
26796
+ @container pf-v6-contain-table (max-width: 75rem) {
25664
26797
  .pf-m-grid-xl.pf-v6-c-table {
25665
26798
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25666
26799
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25938,15 +27071,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25938
27071
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
25939
27072
  text-align: end;
25940
27073
  }
25941
- }
25942
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
25943
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
25944
- grid-row-start: 1;
25945
- grid-column-start: 2;
25946
- margin-inline-start: 0;
27074
+ @media screen and (max-width: 36rem) {
27075
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
27076
+ grid-row-start: 1;
27077
+ grid-column-start: 2;
27078
+ margin-inline-start: 0;
27079
+ }
25947
27080
  }
25948
- }
25949
- @media screen and (max-width: calc(75rem - 1px)) {
25950
27081
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25951
27082
  grid-column: 2;
25952
27083
  grid-row: 2;
@@ -25972,7 +27103,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25972
27103
  }
25973
27104
  }
25974
27105
 
25975
- @media screen and (max-width: calc(90.625rem - 1px)) {
27106
+ @container pf-v6-contain-table (max-width: 90.625rem) {
25976
27107
  .pf-m-grid-2xl.pf-v6-c-table {
25977
27108
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25978
27109
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26250,15 +27381,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26250
27381
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26251
27382
  text-align: end;
26252
27383
  }
26253
- }
26254
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
26255
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26256
- grid-row-start: 1;
26257
- grid-column-start: 2;
26258
- margin-inline-start: 0;
27384
+ @media screen and (max-width: 36rem) {
27385
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
27386
+ grid-row-start: 1;
27387
+ grid-column-start: 2;
27388
+ margin-inline-start: 0;
27389
+ }
26259
27390
  }
26260
- }
26261
- @media screen and (max-width: calc(90.625rem - 1px)) {
26262
27391
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26263
27392
  grid-column: 2;
26264
27393
  grid-row: 2;
@@ -26373,6 +27502,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26373
27502
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
26374
27503
  --pf-v6-c-table__expandable-row--TranslateY: 0;
26375
27504
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27505
+ }
27506
+ @media screen and (prefers-reduced-motion: no-preference) {
27507
+ .pf-v6-c-table {
27508
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27509
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27510
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27511
+ }
27512
+ }
27513
+ .pf-v6-c-table {
26376
27514
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
26377
27515
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
26378
27516
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26441,13 +27579,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26441
27579
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
26442
27580
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
26443
27581
  }
26444
- @media screen and (prefers-reduced-motion: no-preference) {
26445
- .pf-v6-c-table {
26446
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
26447
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
26448
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
26449
- }
26450
- }
26451
27582
 
26452
27583
  .pf-v6-c-table {
26453
27584
  width: 100%;
@@ -26512,22 +27643,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26512
27643
  --pf-v6-hidden-visible--hidden--Display: none;
26513
27644
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26514
27645
  display: var(--pf-v6-hidden-visible--Display);
26515
- position: relative;
26516
- width: var(--pf-v6-c-table--cell--Width);
26517
- min-width: var(--pf-v6-c-table--cell--MinWidth);
26518
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
26519
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
26520
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
26521
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
26522
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
26523
- overflow: var(--pf-v6-c-table--cell--Overflow);
26524
- font-size: var(--pf-v6-c-table--cell--FontSize);
26525
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
26526
- line-height: var(--pf-v6-c-table--cell--LineHeight);
26527
- color: var(--pf-v6-c-table--cell--Color);
26528
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
26529
- word-break: var(--pf-v6-c-table--cell--WordBreak);
26530
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
26531
27646
  }
26532
27647
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
26533
27648
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -26572,6 +27687,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26572
27687
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26573
27688
  }
26574
27689
  }
27690
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27691
+ position: relative;
27692
+ width: var(--pf-v6-c-table--cell--Width);
27693
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27694
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27695
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27696
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27697
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27698
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27699
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27700
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27701
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27702
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27703
+ color: var(--pf-v6-c-table--cell--Color);
27704
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27705
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27706
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27707
+ }
26575
27708
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26576
27709
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
26577
27710
  }
@@ -26928,16 +28061,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26928
28061
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
26929
28062
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
26930
28063
  }
28064
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28065
+ scale: -1 1;
28066
+ }
28067
+
26931
28068
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
26932
28069
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
26933
28070
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
26934
28071
  transition-property: transform;
26935
28072
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
26936
28073
  }
26937
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
26938
- scale: -1 1;
26939
- }
26940
-
26941
28074
  .pf-v6-c-table__toggle svg {
26942
28075
  pointer-events: none;
26943
28076
  }
@@ -27414,13 +28547,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27414
28547
  }
27415
28548
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27416
28549
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
27417
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
27418
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
27419
28550
  }
27420
28551
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27421
28552
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
27422
28553
  }
27423
28554
 
28555
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28556
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28557
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28558
+ }
27424
28559
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27425
28560
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
27426
28561
  }
@@ -28333,6 +29468,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28333
29468
  --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28334
29469
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28335
29470
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29471
+ --pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
29472
+ --pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29473
+ --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
28336
29474
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
28337
29475
  --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28338
29476
  --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -28467,8 +29605,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28467
29605
  }
28468
29606
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
28469
29607
  position: relative;
28470
- flex-direction: column;
28471
29608
  flex-grow: 1;
29609
+ flex-direction: column;
28472
29610
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
28473
29611
  }
28474
29612
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -28610,6 +29748,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28610
29748
  .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
28611
29749
  overflow: visible;
28612
29750
  }
29751
+ .pf-v6-c-tabs.pf-m-nav {
29752
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29753
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
29754
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
29755
+ }
29756
+ .pf-v6-c-tabs.pf-m-nav::before,
29757
+ .pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
29758
+ border: 0;
29759
+ }
29760
+ .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
29761
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
29762
+ }
28613
29763
 
28614
29764
  .pf-v6-c-tabs__toggle {
28615
29765
  display: var(--pf-v6-c-tabs__toggle--Display);
@@ -28621,15 +29771,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28621
29771
  white-space: normal;
28622
29772
  }
28623
29773
 
29774
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29775
+ scale: -1 1;
29776
+ }
29777
+
28624
29778
  .pf-v6-c-tabs__toggle-icon {
28625
29779
  display: inline-block;
28626
29780
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
28627
29781
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
28628
29782
  }
28629
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
28630
- scale: -1 1;
28631
- }
28632
29783
 
29784
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29785
+ display: none;
29786
+ }
28633
29787
  .pf-v6-c-tabs__list {
28634
29788
  scrollbar-width: none;
28635
29789
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28641,25 +29795,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28641
29795
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
28642
29796
  -webkit-overflow-scrolling: touch;
28643
29797
  }
28644
- .pf-v6-c-tabs__list::-webkit-scrollbar {
28645
- display: none;
28646
- }
28647
29798
 
28648
29799
  .pf-v6-c-tabs__item {
28649
29800
  position: relative;
28650
29801
  display: flex;
28651
29802
  flex: none;
28652
29803
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
28653
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28654
29804
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
28655
29805
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
28656
29806
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
28657
29807
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29808
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28658
29809
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
28659
29810
  }
28660
29811
  .pf-v6-c-tabs__item.pf-m-current {
28661
29812
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
28662
- --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
29813
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
28663
29814
  --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
28664
29815
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
28665
29816
  }
@@ -28707,6 +29858,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28707
29858
  border: 0;
28708
29859
  }
28709
29860
 
29861
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29862
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29863
+ }
29864
+
28710
29865
  .pf-v6-c-tabs__link {
28711
29866
  display: flex;
28712
29867
  flex: 1;
@@ -28724,10 +29879,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28724
29879
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
28725
29880
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
28726
29881
  }
28727
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
28728
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
28729
- }
28730
-
28731
29882
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
28732
29883
  pointer-events: none;
28733
29884
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -28782,6 +29933,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28782
29933
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
28783
29934
  }
28784
29935
 
29936
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29937
+ scale: -1 1;
29938
+ }
29939
+
28785
29940
  .pf-v6-c-tabs__link-toggle-icon {
28786
29941
  align-self: end;
28787
29942
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -28789,9 +29944,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28789
29944
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
28790
29945
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
28791
29946
  }
28792
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
28793
- scale: -1 1;
28794
- }
28795
29947
 
28796
29948
  .pf-v6-c-tabs__item-action {
28797
29949
  display: flex;
@@ -29712,6 +30864,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29712
30864
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29713
30865
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29714
30866
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
30867
+ --pf-v6-c-toolbar--m-vertical--Width: fit-content;
29715
30868
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29716
30869
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29717
30870
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29808,9 +30961,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29808
30961
  --pf-v6-hidden-visible--hidden--Display: none;
29809
30962
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29810
30963
  display: var(--pf-v6-hidden-visible--Display);
29811
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
29812
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
29813
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
29814
30964
  }
29815
30965
  .pf-v6-c-toolbar__content.pf-m-hidden {
29816
30966
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -29855,6 +31005,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29855
31005
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29856
31006
  }
29857
31007
  }
31008
+ .pf-v6-c-toolbar__content {
31009
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
31010
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31011
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31012
+ }
29858
31013
 
29859
31014
  .pf-v6-c-toolbar__content-section {
29860
31015
  flex-wrap: wrap;
@@ -29915,14 +31070,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29915
31070
  .pf-v6-c-toolbar.pf-m-no-background {
29916
31071
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
29917
31072
  }
31073
+ .pf-v6-c-toolbar.pf-m-vertical {
31074
+ --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
31075
+ --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
31076
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
31077
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
31078
+ }
31079
+ .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
31080
+ flex-direction: column;
31081
+ align-items: center;
31082
+ }
29918
31083
 
29919
31084
  .pf-v6-c-toolbar__item {
29920
31085
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
29921
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
29922
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
29923
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
29924
- width: var(--pf-v6-c-toolbar__item--Width--base);
29925
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
29926
31086
  }
29927
31087
  @media (min-width: 36rem) {
29928
31088
  .pf-v6-c-toolbar__item {
@@ -29949,6 +31109,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29949
31109
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
29950
31110
  }
29951
31111
  }
31112
+ .pf-v6-c-toolbar__item {
31113
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31114
+ }
29952
31115
  @media (min-width: 36rem) {
29953
31116
  .pf-v6-c-toolbar__item {
29954
31117
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -29974,6 +31137,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29974
31137
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
29975
31138
  }
29976
31139
  }
31140
+ .pf-v6-c-toolbar__item {
31141
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31142
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31143
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31144
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31145
+ }
29977
31146
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
29978
31147
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
29979
31148
  }
@@ -29994,6 +31163,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29994
31163
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
29995
31164
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
29996
31165
  }
31166
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
31167
+ row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
31168
+ }
29997
31169
  .pf-v6-c-toolbar__group.pf-m-filter-group {
29998
31170
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
29999
31171
  }
@@ -30005,9 +31177,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30005
31177
  .pf-v6-c-toolbar__group.pf-m-action-group {
30006
31178
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
30007
31179
  }
31180
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
31181
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
31182
+ }
30008
31183
  .pf-v6-c-toolbar__group.pf-m-action-group-plain {
30009
31184
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
30010
31185
  }
31186
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
31187
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
31188
+ }
30011
31189
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
30012
31190
  flex-wrap: wrap;
30013
31191
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
@@ -30084,7 +31262,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
31262
  }
30085
31263
  .pf-v6-c-toolbar__group.pf-m-align-end,
30086
31264
  .pf-v6-c-toolbar__item.pf-m-align-end {
30087
- margin-inline-start: auto;
31265
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31266
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30088
31267
  }
30089
31268
  .pf-v6-c-toolbar__group.pf-m-flex-grow,
30090
31269
  .pf-v6-c-toolbar__item.pf-m-flex-grow {
@@ -30339,7 +31518,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30339
31518
  }
30340
31519
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
30341
31520
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
30342
- margin-inline-start: auto;
31521
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31522
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30343
31523
  }
30344
31524
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
30345
31525
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
@@ -30591,7 +31771,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30591
31771
  }
30592
31772
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
30593
31773
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
30594
- margin-inline-start: auto;
31774
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31775
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30595
31776
  }
30596
31777
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
30597
31778
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
@@ -30843,7 +32024,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30843
32024
  }
30844
32025
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
30845
32026
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
30846
- margin-inline-start: auto;
32027
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32028
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30847
32029
  }
30848
32030
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
30849
32031
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
@@ -31095,7 +32277,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31095
32277
  }
31096
32278
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
31097
32279
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
31098
- margin-inline-start: auto;
32280
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32281
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31099
32282
  }
31100
32283
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
31101
32284
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
@@ -31347,7 +32530,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31347
32530
  }
31348
32531
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
31349
32532
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
31350
- margin-inline-start: auto;
32533
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32534
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31351
32535
  }
31352
32536
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
31353
32537
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
@@ -31832,6 +33016,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31832
33016
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
31833
33017
  --pf-v6-c-tree-view__list--TranslateY: 0;
31834
33018
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33019
+ }
33020
+ @media screen and (prefers-reduced-motion: no-preference) {
33021
+ .pf-v6-c-tree-view {
33022
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33023
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33024
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33025
+ }
33026
+ }
33027
+ .pf-v6-c-tree-view {
31835
33028
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
31836
33029
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
31837
33030
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31860,6 +33053,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31860
33053
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
31861
33054
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
31862
33055
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33056
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33057
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33058
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
31863
33059
  --pf-v6-c-tree-view__node-text--max-lines: 1;
31864
33060
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31865
33061
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -31915,6 +33111,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31915
33111
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
31916
33112
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31917
33113
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33114
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33115
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33116
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33117
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33118
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33119
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
31918
33120
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31919
33121
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
31920
33122
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -31924,13 +33126,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31924
33126
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
31925
33127
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
31926
33128
  }
31927
- @media screen and (prefers-reduced-motion: no-preference) {
31928
- .pf-v6-c-tree-view {
31929
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
31930
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
31931
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
31932
- }
31933
- }
31934
33129
 
31935
33130
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
31936
33131
  position: relative;
@@ -32011,11 +33206,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32011
33206
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32012
33207
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32013
33208
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33209
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32014
33210
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32015
33211
  }
32016
33212
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32017
33213
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32018
33214
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33215
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33216
+ }
33217
+ .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 {
33218
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32019
33219
  }
32020
33220
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32021
33221
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32040,6 +33240,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32040
33240
  }
32041
33241
  .pf-v6-c-tree-view.pf-m-no-background {
32042
33242
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33243
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33244
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33245
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33246
+ }
33247
+
33248
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33249
+ scale: -1 1;
32043
33250
  }
32044
33251
 
32045
33252
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32049,9 +33256,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32049
33256
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32050
33257
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32051
33258
  }
32052
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32053
- scale: -1 1;
32054
- }
32055
33259
 
32056
33260
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32057
33261
  max-height: 0;
@@ -32115,6 +33319,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32115
33319
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32116
33320
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32117
33321
  }
33322
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33323
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33324
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33325
+ --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);
33326
+ --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);
33327
+ }
32118
33328
 
32119
33329
  .pf-v6-c-tree-view__node-container {
32120
33330
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32157,6 +33367,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32157
33367
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32158
33368
  }
32159
33369
 
33370
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33371
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33372
+ }
33373
+
32160
33374
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32161
33375
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32162
33376
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32172,6 +33386,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32172
33386
  white-space: nowrap;
32173
33387
  }
32174
33388
 
33389
+ label.pf-v6-c-tree-view__node-text {
33390
+ cursor: pointer;
33391
+ }
33392
+
32175
33393
  .pf-v6-c-tree-view__node-text {
32176
33394
  font-weight: inherit;
32177
33395
  color: inherit;
@@ -32179,9 +33397,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32179
33397
  background-color: transparent;
32180
33398
  border: 0;
32181
33399
  }
32182
- label.pf-v6-c-tree-view__node-text {
32183
- cursor: pointer;
32184
- }
32185
33400
 
32186
33401
  .pf-v6-c-tree-view__node-title {
32187
33402
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -32410,6 +33625,15 @@ label.pf-v6-c-tree-view__node-text {
32410
33625
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
32411
33626
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
32412
33627
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33628
+ }
33629
+ @media screen and (min-width: 62rem) {
33630
+ .pf-v6-c-wizard {
33631
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33632
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33633
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33634
+ }
33635
+ }
33636
+ .pf-v6-c-wizard {
32413
33637
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
32414
33638
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
32415
33639
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -32434,13 +33658,6 @@ label.pf-v6-c-tree-view__node-text {
32434
33658
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
32435
33659
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
32436
33660
  }
32437
- @media screen and (min-width: 62rem) {
32438
- .pf-v6-c-wizard {
32439
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32440
- --pf-v6-c-wizard__nav--BoxShadow: none;
32441
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32442
- }
32443
- }
32444
33661
 
32445
33662
  .pf-v6-c-wizard {
32446
33663
  position: relative;
@@ -32576,13 +33793,14 @@ label.pf-v6-c-tree-view__node-text {
32576
33793
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
32577
33794
  }
32578
33795
 
32579
- .pf-v6-c-wizard__toggle-separator {
32580
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
32581
- }
32582
33796
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
32583
33797
  scale: -1 1;
32584
33798
  }
32585
33799
 
33800
+ .pf-v6-c-wizard__toggle-separator {
33801
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33802
+ }
33803
+
32586
33804
  .pf-v6-c-wizard__toggle-icon {
32587
33805
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
32588
33806
  }
@@ -32590,8 +33808,8 @@ label.pf-v6-c-tree-view__node-text {
32590
33808
  .pf-v6-c-wizard__outer-wrap {
32591
33809
  position: relative;
32592
33810
  display: flex;
32593
- flex-direction: column;
32594
33811
  flex-grow: 1;
33812
+ flex-direction: column;
32595
33813
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
32596
33814
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
32597
33815
  }
@@ -32604,8 +33822,8 @@ label.pf-v6-c-tree-view__node-text {
32604
33822
  .pf-v6-c-wizard__inner-wrap {
32605
33823
  position: relative;
32606
33824
  display: flex;
32607
- flex-direction: column;
32608
33825
  flex-grow: 1;
33826
+ flex-direction: column;
32609
33827
  min-height: 0;
32610
33828
  }
32611
33829
  @media screen and (min-width: 62rem) {
@@ -32783,6 +34001,10 @@ label.pf-v6-c-tree-view__node-text {
32783
34001
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
32784
34002
  }
32785
34003
 
34004
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
34005
+ scale: -1 1;
34006
+ }
34007
+
32786
34008
  .pf-v6-c-wizard__nav-link-toggle-icon {
32787
34009
  display: inline-block;
32788
34010
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -32790,15 +34012,12 @@ label.pf-v6-c-tree-view__node-text {
32790
34012
  transition-property: transform;
32791
34013
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
32792
34014
  }
32793
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
32794
- scale: -1 1;
32795
- }
32796
34015
 
32797
34016
  .pf-v6-c-wizard__main {
32798
34017
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
32799
34018
  display: flex;
32800
- flex-direction: column;
32801
34019
  flex-grow: 1;
34020
+ flex-direction: column;
32802
34021
  overflow-x: hidden;
32803
34022
  overflow-y: auto;
32804
34023
  word-break: break-word;
@@ -35236,12 +36455,13 @@ label.pf-v6-c-tree-view__node-text {
35236
36455
  display: grid;
35237
36456
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35238
36457
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35239
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35240
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35241
36458
  }
35242
36459
  .pf-v6-l-gallery.pf-m-gutter {
35243
36460
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35244
36461
  }
36462
+ .pf-v6-l-gallery {
36463
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36464
+ }
35245
36465
  @media (min-width: 36rem) {
35246
36466
  .pf-v6-l-gallery {
35247
36467
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -35267,6 +36487,9 @@ label.pf-v6-c-tree-view__node-text {
35267
36487
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
35268
36488
  }
35269
36489
  }
36490
+ .pf-v6-l-gallery {
36491
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36492
+ }
35270
36493
  @media (min-width: 36rem) {
35271
36494
  .pf-v6-l-gallery {
35272
36495
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));