@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
package/patternfly.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  :where(html,
3
2
  body,
4
3
  p,
@@ -119,11 +118,18 @@ pre) {
119
118
  :where(a) {
120
119
  color: var(--pf-t--global--text--color--link--default);
121
120
  text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
121
+ text-decoration-style: var(--pf-t--global--text-decoration--link--style--default);
122
+ text-decoration-color: var(--pf-t--global--text-decoration--color--default);
123
+ text-underline-offset: max(var(--pf-t--global--text-decoration--offset--default), 0.28em);
124
+ transition: ease text-underline-offset 0.3s;
122
125
  }
123
126
 
124
127
  :where(a:hover, a:focus) {
125
128
  color: var(--pf-t--global--text--color--link--hover);
126
129
  text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
130
+ text-decoration-style: var(--pf-t--global--text-decoration--link--style--hover);
131
+ text-decoration-color: var(--pf-t--global--text-decoration--color--hover);
132
+ text-underline-offset: max(var(--pf-t--global--text-decoration--offset--hover), 0.33em);
127
133
  }
128
134
 
129
135
  :where(a,
@@ -196,11 +202,61 @@ button) {
196
202
  --pf-t--global--duration--200: 1ms !important;
197
203
  --pf-t--global--duration--100: 1ms !important;
198
204
  --pf-t--global--duration--50: 1ms !important;
205
+ --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
199
206
  }
200
207
 
208
+ .pf-v6-m-ai-indicator {
209
+ position: relative;
210
+ }
211
+ .pf-v6-m-ai-indicator::before {
212
+ position: absolute;
213
+ inset: 0;
214
+ pointer-events: none;
215
+ content: "";
216
+ background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
217
+ border: var(--pf-t--global--border--width--extra-strong) solid transparent;
218
+ border-radius: inherit;
219
+ mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
220
+ mask-composite: exclude;
221
+ }
222
+
223
+ @property --pf-v6-global--thinking--BoxShadow--Spread {
224
+ syntax: "<length>";
225
+ initial-value: 0;
226
+ inherits: false;
227
+ }
228
+ .pf-v6-m-thinking {
229
+ box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
230
+ animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
231
+ }
232
+ .pf-v6-m-thinking.pf-m-inset {
233
+ box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
234
+ }
235
+
236
+ @keyframes pf-v6-global-thinking {
237
+ 50% {
238
+ --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
239
+ }
240
+ }
201
241
  :root {
202
242
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
203
243
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
244
+ --pf-v6-global--thinking--BoxShadow--Spread: 0px;
245
+ --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
246
+ --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
247
+ --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
248
+ --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
249
+ --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
250
+ --pf-v6-global--thinking-active--Animation--Duration: 0;
251
+ }
252
+ @media screen and (prefers-reduced-motion: no-preference) {
253
+ :root {
254
+ --pf-v6-global--thinking-active--Animation--Duration: 2s;
255
+ }
256
+ }
257
+ :root {
258
+ container-type: inline-size;
259
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
204
260
  }
205
261
 
206
262
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -6394,6 +6450,17 @@ button) {
6394
6450
  vertical-align: -0.125em;
6395
6451
  }
6396
6452
 
6453
+ .pf-v6-svg .pf-v6-icon-rh-ui {
6454
+ display: none;
6455
+ }
6456
+
6457
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
6458
+ display: none;
6459
+ }
6460
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
6461
+ display: revert;
6462
+ }
6463
+
6397
6464
  :root {
6398
6465
  --pf-v6-global--inverse--multiplier: 1;
6399
6466
  --pf-t--color--black: #000000;
@@ -6409,6 +6476,7 @@ button) {
6409
6476
  --pf-t--color--gray--20: #e0e0e0;
6410
6477
  --pf-t--color--gray--30: #c7c7c7;
6411
6478
  --pf-t--color--gray--40: #a3a3a3;
6479
+ --pf-t--color--gray--45: #8c8c8c;
6412
6480
  --pf-t--color--gray--50: #707070;
6413
6481
  --pf-t--color--gray--60: #4d4d4d;
6414
6482
  --pf-t--color--gray--70: #383838;
@@ -6439,6 +6507,7 @@ button) {
6439
6507
  --pf-t--color--purple--60: #3d2785;
6440
6508
  --pf-t--color--purple--70: #21134d;
6441
6509
  --pf-t--color--purple--80: #1b0d33;
6510
+ --pf-t--color--red--05: #fef0f0;
6442
6511
  --pf-t--color--red--10: #fce3e3;
6443
6512
  --pf-t--color--red--20: #fbc5c5;
6444
6513
  --pf-t--color--red--30: #f9a8a8;
@@ -6472,9 +6541,14 @@ button) {
6472
6541
  --pf-t--color--yellow--60: #96640f;
6473
6542
  --pf-t--color--yellow--70: #73480b;
6474
6543
  --pf-t--color--yellow--80: #54330b;
6475
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6544
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6476
6545
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6546
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6477
6547
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6548
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
6549
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
6550
+ --pf-t--global--background--opacity--glass--floating: 100%;
6551
+ --pf-t--global--background--opacity--glass--primary: 100%;
6478
6552
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6479
6553
  --pf-t--global--border--radius--0: 0px;
6480
6554
  --pf-t--global--border--radius--100: 4px;
@@ -6502,12 +6576,12 @@ button) {
6502
6576
  --pf-t--global--box-shadow--X--700: 10px;
6503
6577
  --pf-t--global--box-shadow--X--800: 20px;
6504
6578
  --pf-t--global--box-shadow--Y--100: -10px;
6505
- --pf-t--global--box-shadow--Y--200: -4px;
6579
+ --pf-t--global--box-shadow--Y--200: -2px;
6506
6580
  --pf-t--global--box-shadow--Y--300: -1px;
6507
6581
  --pf-t--global--box-shadow--Y--400: 0px;
6508
6582
  --pf-t--global--box-shadow--Y--50: -20px;
6509
6583
  --pf-t--global--box-shadow--Y--500: 1px;
6510
- --pf-t--global--box-shadow--Y--600: 4px;
6584
+ --pf-t--global--box-shadow--Y--600: 2px;
6511
6585
  --pf-t--global--box-shadow--Y--700: 10px;
6512
6586
  --pf-t--global--box-shadow--Y--800: 20px;
6513
6587
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6578,6 +6652,7 @@ button) {
6578
6652
  --pf-t--global--spacer--800: 5rem;
6579
6653
  --pf-t--global--text-decoration--line--100: none;
6580
6654
  --pf-t--global--text-decoration--line--200: underline;
6655
+ --pf-t--global--text-decoration--offset--hover: 5;
6581
6656
  --pf-t--global--text-decoration--style--100: solid;
6582
6657
  --pf-t--global--text-decoration--style--200: dashed;
6583
6658
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6599,12 +6674,14 @@ button) {
6599
6674
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6600
6675
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6601
6676
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6677
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6678
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6602
6679
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6603
6680
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6604
6681
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6605
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6682
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6606
6683
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6607
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6684
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6608
6685
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6609
6686
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6610
6687
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6614,9 +6691,9 @@ button) {
6614
6691
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6615
6692
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6616
6693
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6617
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6694
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6618
6695
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6619
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6696
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6620
6697
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6621
6698
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6622
6699
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6690,9 +6767,17 @@ button) {
6690
6767
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6691
6768
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6692
6769
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6770
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6771
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6772
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6773
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6774
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6775
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6776
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6777
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6693
6778
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6694
6779
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6695
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6780
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6696
6781
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6697
6782
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6698
6783
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6758,7 +6843,7 @@ button) {
6758
6843
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6759
6844
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6760
6845
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6761
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6846
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6762
6847
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6763
6848
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6764
6849
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6843,8 +6928,8 @@ button) {
6843
6928
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6844
6929
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6845
6930
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6846
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6847
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6931
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6932
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6848
6933
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6849
6934
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6850
6935
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6869,8 +6954,12 @@ button) {
6869
6954
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6870
6955
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6871
6956
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6957
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6958
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6959
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6872
6960
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6873
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6961
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6962
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6874
6963
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6875
6964
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6876
6965
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6905,9 +6994,17 @@ button) {
6905
6994
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6906
6995
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6907
6996
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6997
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6998
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6999
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
7000
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
7001
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6908
7002
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6909
7003
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6910
7004
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
7005
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
7006
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
7007
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6911
7008
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6912
7009
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6913
7010
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -7038,7 +7135,10 @@ button) {
7038
7135
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
7039
7136
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
7040
7137
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
7138
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
7041
7139
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
7140
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7141
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7042
7142
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7043
7143
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7044
7144
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7056,6 +7156,9 @@ button) {
7056
7156
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
7057
7157
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
7058
7158
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7159
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7160
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7161
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7059
7162
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7060
7163
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
7061
7164
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -7096,9 +7199,15 @@ button) {
7096
7199
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
7097
7200
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
7098
7201
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7202
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7203
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7204
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7099
7205
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7100
7206
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7101
7207
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7208
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7209
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7210
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7102
7211
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7103
7212
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7104
7213
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7171,9 +7280,15 @@ button) {
7171
7280
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7172
7281
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7173
7282
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7283
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7284
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7285
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7174
7286
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7175
7287
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7176
7288
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7289
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7290
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7291
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7177
7292
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7178
7293
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7179
7294
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7208,7 +7323,20 @@ button) {
7208
7323
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7209
7324
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7210
7325
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7326
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7327
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7328
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7329
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7330
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7211
7331
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7332
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7333
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7334
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7335
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7336
+ --pf-t--global--text-decoration--color--hover: currentcolor;
7337
+ --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
7338
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7339
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7212
7340
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
7213
7341
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
7214
7342
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7314,18 +7442,27 @@ button) {
7314
7442
  var(--pf-t--global--box-shadow--color--lg--directional);
7315
7443
  --pf-t--global--list-style: disc outside;
7316
7444
  --pf-t--temp--dev--tbd: #BC11E0;
7445
+ --pf-t--global--background--color--glass--primary--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--primary) var(--pf-t--global--background--opacity--glass--primary), transparent );
7446
+ --pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
7317
7447
  }
7318
7448
 
7319
7449
  :root:where(.pf-v6-theme-dark) {
7320
7450
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7451
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
7452
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7453
+ --pf-t--global--background--opacity--glass--floating: 100%;
7454
+ --pf-t--global--background--opacity--glass--primary: 100%;
7321
7455
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7322
7456
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7323
7457
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7458
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7324
7459
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7325
7460
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7326
7461
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7327
7462
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7328
7463
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7464
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7465
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7329
7466
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7330
7467
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7331
7468
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7343,10 +7480,18 @@ button) {
7343
7480
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7344
7481
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7345
7482
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7346
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7483
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7347
7484
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7348
7485
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7349
7486
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7487
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7488
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7489
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7490
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7491
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7492
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7493
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7494
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7350
7495
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7351
7496
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7352
7497
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7434,9 +7579,13 @@ button) {
7434
7579
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7435
7580
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7436
7581
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7582
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7583
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7584
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7437
7585
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7586
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7438
7587
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7439
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7588
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7440
7589
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7441
7590
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7442
7591
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7467,9 +7616,13 @@ button) {
7467
7616
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7468
7617
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7469
7618
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7619
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7470
7620
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7471
7621
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7472
7622
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7623
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7624
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7625
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7473
7626
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7474
7627
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7475
7628
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7546,6 +7699,8 @@ button) {
7546
7699
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7547
7700
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7548
7701
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7702
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7703
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7549
7704
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7550
7705
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7551
7706
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7566,6 +7721,9 @@ button) {
7566
7721
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7567
7722
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7568
7723
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7724
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7725
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7726
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7569
7727
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7570
7728
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7571
7729
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7604,9 +7762,15 @@ button) {
7604
7762
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7605
7763
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7606
7764
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7765
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7766
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7767
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7607
7768
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7608
7769
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7609
7770
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7771
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7772
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7773
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7610
7774
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7611
7775
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7612
7776
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7670,9 +7834,15 @@ button) {
7670
7834
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7671
7835
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7672
7836
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7837
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7838
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7839
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7673
7840
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7674
7841
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7675
7842
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7843
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7844
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7845
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7676
7846
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7677
7847
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7678
7848
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7707,6 +7877,14 @@ button) {
7707
7877
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7708
7878
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7709
7879
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7880
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7881
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7882
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7883
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7884
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7885
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7886
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7887
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7710
7888
  }
7711
7889
 
7712
7890
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8802,6 +8980,226 @@ button) {
8802
8980
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8803
8981
  }
8804
8982
 
8983
+ :root:where(.pf-v6-theme-glass) {
8984
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8985
+ --pf-t--global--background--opacity--glass--primary: 80%;
8986
+ }
8987
+
8988
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8989
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8990
+ --pf-t--global--background--opacity--glass--primary: 80%;
8991
+ }
8992
+
8993
+ :root:where(.pf-v6-theme-redhat) {
8994
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8995
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8996
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8997
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8998
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8999
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9000
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9001
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9002
+ }
9003
+
9004
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
9005
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9006
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9007
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9008
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9009
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9010
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9011
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9012
+ }
9013
+
9014
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
9015
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
9016
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
9017
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
9018
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
9019
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
9020
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
9021
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9022
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9023
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9024
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
9025
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
9026
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
9027
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
9028
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
9029
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
9030
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
9031
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
9032
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
9033
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
9034
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
9035
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
9036
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
9037
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
9038
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
9039
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
9040
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
9041
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
9042
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
9043
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
9044
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
9045
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
9046
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
9047
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
9048
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
9049
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
9050
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
9051
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
9052
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
9053
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
9054
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
9055
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
9056
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
9057
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
9058
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
9059
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9060
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9061
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9062
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
9063
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
9064
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
9065
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
9066
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
9067
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
9068
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
9069
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
9070
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
9071
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
9072
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
9073
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
9074
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
9075
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
9076
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
9077
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
9078
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
9079
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
9080
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
9081
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
9082
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
9083
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
9084
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
9085
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
9086
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
9087
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
9088
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
9089
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
9090
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
9091
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
9092
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9093
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9094
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9095
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
9096
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
9097
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
9098
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
9099
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
9100
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
9101
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
9102
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
9103
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
9104
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
9105
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
9106
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
9107
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9108
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9109
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9110
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
9111
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
9112
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
9113
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
9114
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
9115
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
9116
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
9117
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
9118
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
9119
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
9120
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
9121
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
9122
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
9123
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
9124
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
9125
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9126
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9127
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9128
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9129
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
9130
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
9131
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
9132
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
9133
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
9134
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
9135
+ }
9136
+
9137
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
9138
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9139
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9140
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9141
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
9142
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
9143
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
9144
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
9145
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
9146
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
9147
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
9148
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9149
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9150
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9151
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
9152
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
9153
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
9154
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9155
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
9156
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
9157
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9158
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9159
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9160
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9161
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9162
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9163
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9164
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9165
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9166
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9167
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9168
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9169
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9170
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9171
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9172
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9173
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9174
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9175
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9176
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9177
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9178
+ }
9179
+
9180
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9181
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9182
+ --pf-t--global--background--opacity--glass--primary: 80%;
9183
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9184
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9185
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9186
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9187
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9188
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9189
+ }
9190
+
9191
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9192
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9193
+ --pf-t--global--background--opacity--glass--primary: 80%;
9194
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9195
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9196
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9197
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9198
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9199
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9200
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9201
+ }
9202
+
8805
9203
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8806
9204
  --pf-v6-global--inverse--multiplier: -1;
8807
9205
  }
@@ -8825,31 +9223,6 @@ button) {
8825
9223
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8826
9224
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8827
9225
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8828
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8829
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8830
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8831
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8832
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8833
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8834
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8835
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8836
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8837
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8838
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8839
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8840
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8841
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8842
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8843
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8844
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8845
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8846
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8847
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8848
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8849
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8850
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8851
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8852
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8853
9226
  }
8854
9227
  @media screen and (min-width: 36rem) {
8855
9228
  .pf-v6-c-about-modal-box {
@@ -8858,6 +9231,14 @@ button) {
8858
9231
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8859
9232
  }
8860
9233
  }
9234
+ .pf-v6-c-about-modal-box {
9235
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9236
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9237
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9238
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9239
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9240
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9241
+ }
8861
9242
  @media only screen and (min-width: 36rem) {
8862
9243
  .pf-v6-c-about-modal-box {
8863
9244
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8868,17 +9249,42 @@ button) {
8868
9249
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8869
9250
  }
8870
9251
  }
9252
+ .pf-v6-c-about-modal-box {
9253
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9254
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9255
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9256
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9257
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9258
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9259
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9260
+ }
8871
9261
  @media only screen and (min-width: 36rem) {
8872
9262
  .pf-v6-c-about-modal-box {
8873
9263
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8874
9264
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8875
9265
  }
8876
9266
  }
9267
+ .pf-v6-c-about-modal-box {
9268
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9269
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9270
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9271
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9272
+ }
8877
9273
  @media only screen and (min-width: 36rem) {
8878
9274
  .pf-v6-c-about-modal-box {
8879
9275
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8880
9276
  }
8881
9277
  }
9278
+ .pf-v6-c-about-modal-box {
9279
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9280
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9281
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9282
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9283
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9284
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9285
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9286
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9287
+ }
8882
9288
  @media only screen and (min-width: 36rem) {
8883
9289
  .pf-v6-c-about-modal-box {
8884
9290
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8902,7 +9308,6 @@ button) {
8902
9308
  background-repeat: no-repeat;
8903
9309
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8904
9310
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8905
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8906
9311
  }
8907
9312
  @media only screen and (min-width: 36rem) {
8908
9313
  .pf-v6-c-about-modal-box {
@@ -8918,6 +9323,9 @@ button) {
8918
9323
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8919
9324
  }
8920
9325
  }
9326
+ .pf-v6-c-about-modal-box {
9327
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9328
+ }
8921
9329
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8922
9330
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8923
9331
  }
@@ -9058,6 +9466,18 @@ button) {
9058
9466
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
9059
9467
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
9060
9468
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9469
+ }
9470
+ @media screen and (prefers-reduced-motion: no-preference) {
9471
+ .pf-v6-c-accordion {
9472
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9473
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9474
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9475
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9476
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9477
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9478
+ }
9479
+ }
9480
+ .pf-v6-c-accordion {
9061
9481
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9062
9482
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9063
9483
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -9083,16 +9503,6 @@ button) {
9083
9503
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9084
9504
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9085
9505
  }
9086
- @media screen and (prefers-reduced-motion: no-preference) {
9087
- .pf-v6-c-accordion {
9088
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9089
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9090
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9091
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9092
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9093
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9094
- }
9095
- }
9096
9506
 
9097
9507
  .pf-v6-c-accordion {
9098
9508
  display: flex;
@@ -9203,13 +9613,14 @@ button) {
9203
9613
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9204
9614
  }
9205
9615
 
9616
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9617
+ scale: -1 1;
9618
+ }
9619
+
9206
9620
  .pf-v6-c-accordion__toggle-icon {
9207
9621
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9208
9622
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9209
9623
  }
9210
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9211
- scale: -1 1;
9212
- }
9213
9624
 
9214
9625
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9215
9626
  display: revert;
@@ -9254,6 +9665,7 @@ button) {
9254
9665
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
9255
9666
  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
9256
9667
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9668
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9257
9669
  }
9258
9670
 
9259
9671
  .pf-v6-c-action-list,
@@ -9268,6 +9680,7 @@ button) {
9268
9680
  }
9269
9681
  .pf-v6-c-action-list.pf-m-icons {
9270
9682
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9683
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
9271
9684
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9272
9685
  }
9273
9686
  .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
@@ -9427,14 +9840,15 @@ button) {
9427
9840
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9428
9841
  }
9429
9842
 
9843
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9844
+ scale: -1 1;
9845
+ }
9846
+
9430
9847
  .pf-v6-c-alert__toggle-icon {
9431
9848
  display: inline-block;
9432
9849
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9433
9850
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9434
9851
  }
9435
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9436
- scale: -1 1;
9437
- }
9438
9852
 
9439
9853
  .pf-v6-c-alert__icon {
9440
9854
  grid-area: icon;
@@ -9451,9 +9865,9 @@ button) {
9451
9865
  }
9452
9866
  .pf-v6-c-alert__title.pf-m-truncate {
9453
9867
  display: -webkit-box;
9868
+ overflow: hidden;
9454
9869
  -webkit-box-orient: vertical;
9455
9870
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9456
- overflow: hidden;
9457
9871
  }
9458
9872
 
9459
9873
  .pf-v6-c-alert__description {
@@ -9690,7 +10104,6 @@ button) {
9690
10104
  }
9691
10105
  .pf-v6-c-avatar.pf-m-sm {
9692
10106
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9693
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9694
10107
  }
9695
10108
  @media (min-width: 36rem) {
9696
10109
  .pf-v6-c-avatar.pf-m-sm {
@@ -9717,6 +10130,9 @@ button) {
9717
10130
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9718
10131
  }
9719
10132
  }
10133
+ .pf-v6-c-avatar.pf-m-sm {
10134
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
10135
+ }
9720
10136
  @media (min-width: 36rem) {
9721
10137
  .pf-v6-c-avatar.pf-m-sm {
9722
10138
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9744,7 +10160,6 @@ button) {
9744
10160
  }
9745
10161
  .pf-v6-c-avatar.pf-m-md {
9746
10162
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9747
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9748
10163
  }
9749
10164
  @media (min-width: 36rem) {
9750
10165
  .pf-v6-c-avatar.pf-m-md {
@@ -9771,6 +10186,9 @@ button) {
9771
10186
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9772
10187
  }
9773
10188
  }
10189
+ .pf-v6-c-avatar.pf-m-md {
10190
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10191
+ }
9774
10192
  @media (min-width: 36rem) {
9775
10193
  .pf-v6-c-avatar.pf-m-md {
9776
10194
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9798,7 +10216,6 @@ button) {
9798
10216
  }
9799
10217
  .pf-v6-c-avatar.pf-m-lg {
9800
10218
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9801
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9802
10219
  }
9803
10220
  @media (min-width: 36rem) {
9804
10221
  .pf-v6-c-avatar.pf-m-lg {
@@ -9825,6 +10242,9 @@ button) {
9825
10242
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9826
10243
  }
9827
10244
  }
10245
+ .pf-v6-c-avatar.pf-m-lg {
10246
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10247
+ }
9828
10248
  @media (min-width: 36rem) {
9829
10249
  .pf-v6-c-avatar.pf-m-lg {
9830
10250
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9852,7 +10272,6 @@ button) {
9852
10272
  }
9853
10273
  .pf-v6-c-avatar.pf-m-xl {
9854
10274
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9855
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9856
10275
  }
9857
10276
  @media (min-width: 36rem) {
9858
10277
  .pf-v6-c-avatar.pf-m-xl {
@@ -9879,6 +10298,9 @@ button) {
9879
10298
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9880
10299
  }
9881
10300
  }
10301
+ .pf-v6-c-avatar.pf-m-xl {
10302
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10303
+ }
9882
10304
  @media (min-width: 36rem) {
9883
10305
  .pf-v6-c-avatar.pf-m-xl {
9884
10306
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9936,6 +10358,12 @@ button) {
9936
10358
 
9937
10359
  .pf-v6-c-background-image {
9938
10360
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10361
+ }
10362
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10363
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10364
+ }
10365
+
10366
+ .pf-v6-c-background-image {
9939
10367
  position: fixed;
9940
10368
  inset-block-start: 0;
9941
10369
  inset-inline-start: 0;
@@ -9948,9 +10376,6 @@ button) {
9948
10376
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9949
10377
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9950
10378
  }
9951
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9952
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9953
- }
9954
10379
 
9955
10380
  .pf-v6-c-back-to-top {
9956
10381
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -10068,6 +10493,14 @@ button) {
10068
10493
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10069
10494
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10070
10495
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10496
+ }
10497
+ @media (min-width: 48rem) {
10498
+ .pf-v6-c-banner {
10499
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10500
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10501
+ }
10502
+ }
10503
+ .pf-v6-c-banner {
10071
10504
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10072
10505
  --pf-v6-c-banner--link--TextDecoration: underline;
10073
10506
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -10101,12 +10534,6 @@ button) {
10101
10534
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10102
10535
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10103
10536
  }
10104
- @media (min-width: 48rem) {
10105
- .pf-v6-c-banner {
10106
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10107
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10108
- }
10109
- }
10110
10537
 
10111
10538
  .pf-v6-c-banner {
10112
10539
  flex-shrink: 0;
@@ -10209,7 +10636,6 @@ button) {
10209
10636
  width: var(--pf-v6-c-brand--Width--base);
10210
10637
  height: var(--pf-v6-c-brand--Height--base);
10211
10638
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10212
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10213
10639
  }
10214
10640
  @media (min-width: 36rem) {
10215
10641
  .pf-v6-c-brand {
@@ -10236,6 +10662,9 @@ button) {
10236
10662
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10237
10663
  }
10238
10664
  }
10665
+ .pf-v6-c-brand {
10666
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10667
+ }
10239
10668
  @media (min-width: 36rem) {
10240
10669
  .pf-v6-c-brand {
10241
10670
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10316,15 +10745,16 @@ button) {
10316
10745
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10317
10746
  }
10318
10747
 
10748
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10749
+ scale: -1 1;
10750
+ }
10751
+
10319
10752
  .pf-v6-c-breadcrumb__item-divider {
10320
10753
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10321
10754
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10322
10755
  line-height: 1;
10323
10756
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10324
10757
  }
10325
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10326
- scale: -1 1;
10327
- }
10328
10758
 
10329
10759
  .pf-v6-c-breadcrumb__link {
10330
10760
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10490,10 +10920,17 @@ button.pf-v6-c-breadcrumb__link {
10490
10920
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
10491
10921
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
10492
10922
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
10923
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10493
10924
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10494
10925
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10926
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10927
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10495
10928
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10496
10929
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10930
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10931
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
10932
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
10933
+ --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
10497
10934
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
10498
10935
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
10499
10936
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10503,10 +10940,8 @@ button.pf-v6-c-breadcrumb__link {
10503
10940
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
10504
10941
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
10505
10942
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10506
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
10507
10943
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10508
10944
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10509
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
10510
10945
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10511
10946
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10512
10947
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -10692,6 +11127,14 @@ button.pf-v6-c-breadcrumb__link {
10692
11127
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
10693
11128
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
10694
11129
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
11130
+ --pf-v6-c-button--m-circle--ScaleX: 1.29;
11131
+ --pf-v6-c-button--m-circle--ScaleY: 1.29;
11132
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
11133
+ --pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
11134
+ --pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
11135
+ --pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
11136
+ --pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
11137
+ --pf-v6-c-button--m-circle--PaddingInlineStart: 0;
10695
11138
  }
10696
11139
 
10697
11140
  .pf-v6-c-button {
@@ -10813,6 +11256,12 @@ button.pf-v6-c-breadcrumb__link {
10813
11256
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10814
11257
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10815
11258
  }
11259
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11260
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11261
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11262
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11263
+ }
11264
+
10816
11265
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10817
11266
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10818
11267
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10823,12 +11272,13 @@ button.pf-v6-c-breadcrumb__link {
10823
11272
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
10824
11273
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
10825
11274
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
11275
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
11276
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
11277
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
10826
11278
  --pf-v6-c-button--BackgroundColor: transparent;
10827
11279
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
10828
11280
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
10829
11281
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
10830
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
10831
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10832
11282
  --pf-v6-c-button--hover--BackgroundColor: transparent;
10833
11283
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10834
11284
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -10837,6 +11287,8 @@ button.pf-v6-c-breadcrumb__link {
10837
11287
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
10838
11288
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
10839
11289
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
11290
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11291
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10840
11292
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
10841
11293
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
10842
11294
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
@@ -10844,16 +11296,14 @@ button.pf-v6-c-breadcrumb__link {
10844
11296
  --pf-v6-c-button--hover--BorderWidth: 0;
10845
11297
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
10846
11298
  text-align: start;
11299
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10847
11300
  white-space: normal;
10848
11301
  background: transparent;
10849
11302
  outline-offset: 0.125rem;
10850
11303
  }
10851
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10852
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10853
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10854
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11304
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11305
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10855
11306
  }
10856
-
10857
11307
  .pf-v6-c-button.pf-m-link.pf-m-danger {
10858
11308
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
10859
11309
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11059,6 +11509,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11059
11509
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
11060
11510
  --pf-v6-c-button--hover__icon--ScaleX: 1;
11061
11511
  }
11512
+ .pf-v6-c-button.pf-m-circle {
11513
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
11514
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
11515
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
11516
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
11517
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
11518
+ }
11519
+ .pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
11520
+ scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
11521
+ }
11062
11522
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
11063
11523
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
11064
11524
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -11313,13 +11773,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11313
11773
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11314
11774
  }
11315
11775
 
11776
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11777
+ scale: -1 1;
11778
+ }
11779
+
11316
11780
  .pf-v6-c-calendar-month__header-nav-control {
11317
11781
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11318
11782
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11319
11783
  }
11320
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11321
- scale: -1 1;
11322
- }
11323
11784
 
11324
11785
  .pf-v6-c-calendar-month__header-month {
11325
11786
  flex-grow: 1;
@@ -11596,6 +12057,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11596
12057
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11597
12058
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11598
12059
  }
12060
+ .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) {
12061
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
12062
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
12063
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
12064
+ }
12065
+
11599
12066
  .pf-v6-c-card.pf-m-compact {
11600
12067
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11601
12068
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
@@ -11663,12 +12130,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11663
12130
  flex-wrap: wrap;
11664
12131
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11665
12132
  }
11666
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11667
- margin-inline-start: 0;
11668
- }
11669
12133
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11670
12134
  margin-inline-end: auto;
11671
12135
  }
12136
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
12137
+ margin-inline-start: 0;
12138
+ }
11672
12139
 
11673
12140
  .pf-v6-c-card__header-main {
11674
12141
  flex-grow: 1;
@@ -11682,15 +12149,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11682
12149
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11683
12150
  }
11684
12151
 
12152
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
12153
+ scale: -1 1;
12154
+ }
12155
+
11685
12156
  .pf-v6-c-card__header-toggle-icon {
11686
12157
  display: inline-block;
11687
12158
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11688
12159
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11689
12160
  transition-property: transform;
11690
12161
  }
11691
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11692
- scale: -1 1;
11693
- }
11694
12162
 
11695
12163
  .pf-v6-c-card__title-text {
11696
12164
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11701,6 +12169,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11701
12169
  overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
11702
12170
  }
11703
12171
 
12172
+ .pf-v6-c-card__subtitle {
12173
+ padding-block-start: var(--pf-t--global--spacer--sm);
12174
+ font-size: var(--pf-t--global--font--size--body--sm);
12175
+ color: var(--pf-t--global--text--color--subtle);
12176
+ }
12177
+
11704
12178
  .pf-v6-c-card__actions {
11705
12179
  display: flex;
11706
12180
  gap: var(--pf-v6-c-card__actions--Gap);
@@ -11950,13 +12424,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11950
12424
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11951
12425
  }
11952
12426
 
11953
- .pf-v6-c-clipboard-copy__toggle-icon {
11954
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11955
- }
11956
12427
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11957
12428
  scale: -1 1;
11958
12429
  }
11959
12430
 
12431
+ .pf-v6-c-clipboard-copy__toggle-icon {
12432
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12433
+ }
12434
+
11960
12435
  .pf-v6-c-clipboard-copy__expandable-content {
11961
12436
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11962
12437
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -12127,8 +12602,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12127
12602
 
12128
12603
  .pf-v6-c-code-editor__container {
12129
12604
  display: flex;
12130
- flex-direction: column;
12131
12605
  flex-grow: 1;
12606
+ flex-direction: column;
12132
12607
  }
12133
12608
 
12134
12609
  .pf-v6-c-code-editor__header {
@@ -12270,6 +12745,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12270
12745
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
12271
12746
  }
12272
12747
 
12748
+ .pf-v6-c-compass {
12749
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
12750
+ --pf-v6-c-compass--BackgroundImage--light: none;
12751
+ --pf-v6-c-compass--BackgroundImage--dark: none;
12752
+ --pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
12753
+ --pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
12754
+ --pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12755
+ --pf-v6-c-compass__nav--PaddingBlockStart: 0;
12756
+ --pf-v6-c-compass__nav--PaddingBlockEnd: 0;
12757
+ --pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12758
+ --pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12759
+ --pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12760
+ --pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12761
+ --pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12762
+ --pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12763
+ --pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12764
+ --pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12765
+ --pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
12766
+ --pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
12767
+ --pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
12768
+ --pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
12769
+ --pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
12770
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
12771
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
12772
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
12773
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
12774
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
12775
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
12776
+ --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
12777
+ --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
12778
+ --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
12779
+ --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
12780
+ --pf-v6-c-compass__message-bar--Width: 450px;
12781
+ --pf-v6-c-compass__message-bar--MinWidth: 300px;
12782
+ --pf-v6-c-compass__message-bar--MaxWidth: 600px;
12783
+ --pf-v6-c-compass--section--slide--length--header: 100%;
12784
+ --pf-v6-c-compass--section--slide--length--sidebar: 100%;
12785
+ --pf-v6-c-compass--section--slide--length--main-footer: 100%;
12786
+ --pf-v6-c-compass--section--slide--length--footer: 100%;
12787
+ --pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
12788
+ --pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12789
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
12790
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12791
+ --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);
12792
+ --pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
12793
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
12794
+ --pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
12795
+ }
12796
+ @media screen and (prefers-reduced-motion: no-preference) {
12797
+ .pf-v6-c-compass {
12798
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12799
+ --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);
12800
+ --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;
12801
+ }
12802
+ .pf-v6-c-compass.pf-m-animate-smoothly {
12803
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12804
+ --pf-v6-c-compass--section--slide--length--header: 10rem;
12805
+ --pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
12806
+ --pf-v6-c-compass--section--slide--length--main-footer: 6rem;
12807
+ --pf-v6-c-compass--section--slide--length--footer: 6rem;
12808
+ --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);
12809
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12810
+ --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);
12811
+ }
12812
+ }
12813
+
12814
+ .pf-v6-c-compass {
12815
+ interpolate-size: allow-keywords;
12816
+ display: grid;
12817
+ grid-template-areas: "header header header" "sidebar-start main sidebar-end";
12818
+ grid-template-rows: auto 1fr;
12819
+ grid-template-columns: auto 1fr auto;
12820
+ grid-auto-rows: auto;
12821
+ align-items: center;
12822
+ justify-content: center;
12823
+ height: 100dvh;
12824
+ padding: var(--pf-v6-c-compass--Padding);
12825
+ overflow: hidden;
12826
+ background-image: var(--pf-v6-c-compass--BackgroundImage);
12827
+ background-size: cover;
12828
+ }
12829
+ .pf-v6-c-compass.pf-m-dock {
12830
+ grid-template-areas: "dock main";
12831
+ grid-template-rows: auto;
12832
+ grid-template-columns: auto 1fr;
12833
+ align-items: stretch;
12834
+ padding: 0;
12835
+ }
12836
+ .pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
12837
+ padding: var(--pf-v6-c-compass--Padding);
12838
+ }
12839
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
12840
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
12841
+ }
12842
+ .pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
12843
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12844
+ }
12845
+
12846
+ .pf-v6-c-compass__header,
12847
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
12848
+ .pf-v6-c-compass__main-footer,
12849
+ .pf-v6-c-compass__footer {
12850
+ margin: 0;
12851
+ visibility: hidden;
12852
+ opacity: 0;
12853
+ transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
12854
+ transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
12855
+ transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
12856
+ transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
12857
+ }
12858
+ .pf-v6-c-compass__header.pf-m-expanded,
12859
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
12860
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12861
+ .pf-v6-c-compass__footer.pf-m-expanded {
12862
+ --pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
12863
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
12864
+ visibility: visible;
12865
+ opacity: 1;
12866
+ translate: 0;
12867
+ }
12868
+
12869
+ .pf-v6-c-compass__header,
12870
+ .pf-v6-c-compass__main-footer,
12871
+ .pf-v6-c-compass__footer {
12872
+ height: 0;
12873
+ }
12874
+ .pf-v6-c-compass__header.pf-m-expanded,
12875
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12876
+ .pf-v6-c-compass__footer.pf-m-expanded {
12877
+ height: auto;
12878
+ }
12879
+
12880
+ .pf-v6-c-compass__header {
12881
+ display: grid;
12882
+ grid-area: header;
12883
+ grid-template-columns: 1fr auto 1fr;
12884
+ align-items: start;
12885
+ translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
12886
+ }
12887
+ .pf-v6-c-compass__header.pf-m-expanded {
12888
+ margin-block-end: var(--pf-v6-c-compass--Gap);
12889
+ }
12890
+
12891
+ .pf-v6-c-compass__profile {
12892
+ justify-self: end;
12893
+ }
12894
+ .pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
12895
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
12896
+ }
12897
+
12898
+ .pf-v6-c-compass__nav {
12899
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
12900
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
12901
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
12902
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
12903
+ display: flex;
12904
+ flex-direction: column;
12905
+ gap: var(--pf-v6-c-compass__nav--RowGap);
12906
+ align-items: center;
12907
+ justify-self: stretch;
12908
+ }
12909
+
12910
+ .pf-v6-c-compass__nav-content {
12911
+ display: flex;
12912
+ align-items: center;
12913
+ }
12914
+
12915
+ .pf-v6-c-compass__nav-main {
12916
+ padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
12917
+ padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
12918
+ }
12919
+
12920
+ .pf-v6-c-compass__sidebar {
12921
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
12922
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
12923
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
12924
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
12925
+ display: flex;
12926
+ width: 0;
12927
+ }
12928
+ .pf-v6-c-compass__sidebar.pf-m-expanded {
12929
+ width: auto;
12930
+ }
12931
+ .pf-v6-c-compass__sidebar.pf-m-start {
12932
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12933
+ }
12934
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12935
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12936
+ }
12937
+
12938
+ .pf-v6-c-compass__sidebar.pf-m-start {
12939
+ grid-area: sidebar-start;
12940
+ }
12941
+ .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12942
+ margin-inline-end: var(--pf-v6-c-compass--Gap);
12943
+ }
12944
+ .pf-v6-c-compass__sidebar.pf-m-end {
12945
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12946
+ }
12947
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12948
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12949
+ }
12950
+
12951
+ .pf-v6-c-compass__sidebar.pf-m-end {
12952
+ grid-area: sidebar-end;
12953
+ }
12954
+ .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12955
+ margin-inline-start: var(--pf-v6-c-compass--Gap);
12956
+ }
12957
+
12958
+ .pf-v6-c-compass__main {
12959
+ display: flex;
12960
+ flex-direction: column;
12961
+ grid-area: main;
12962
+ gap: var(--pf-v6-c-compass__main--RowGap);
12963
+ align-self: stretch;
12964
+ min-height: 0;
12965
+ }
12966
+
12967
+ .pf-v6-c-compass__main-header-content {
12968
+ display: flex;
12969
+ gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
12970
+ }
12971
+
12972
+ .pf-v6-c-compass__main-header-title {
12973
+ flex-grow: 1;
12974
+ }
12975
+
12976
+ .pf-v6-c-compass__content {
12977
+ display: flex;
12978
+ flex: 1 0 0;
12979
+ flex-direction: column;
12980
+ min-height: 0;
12981
+ overflow: auto;
12982
+ }
12983
+ .pf-v6-c-compass__content > *:last-child {
12984
+ flex-grow: 1;
12985
+ max-height: 100%;
12986
+ }
12987
+
12988
+ .pf-v6-c-compass__main-footer {
12989
+ display: flex;
12990
+ justify-content: center;
12991
+ min-height: 0;
12992
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12993
+ }
12994
+ .pf-v6-c-compass__main-footer.pf-m-expanded {
12995
+ margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
12996
+ }
12997
+
12998
+ .pf-v6-c-compass__footer {
12999
+ display: flex;
13000
+ grid-column: 1/-1;
13001
+ justify-content: center;
13002
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
13003
+ }
13004
+ .pf-v6-c-compass__footer.pf-m-expanded {
13005
+ margin-block-start: var(--pf-v6-c-compass--Gap);
13006
+ }
13007
+
13008
+ .pf-v6-c-compass__message-bar {
13009
+ width: var(--pf-v6-c-compass__message-bar--Width);
13010
+ min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
13011
+ max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
13012
+ }
13013
+
13014
+ .pf-v6-c-compass__panel {
13015
+ padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
13016
+ padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
13017
+ padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
13018
+ padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
13019
+ background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
13020
+ backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
13021
+ border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
13022
+ border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
13023
+ box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
13024
+ }
13025
+ .pf-v6-c-compass__panel.pf-m-no-border {
13026
+ border-width: 0;
13027
+ }
13028
+ .pf-v6-c-compass__panel.pf-m-no-padding {
13029
+ padding: 0;
13030
+ }
13031
+ .pf-v6-c-compass__panel.pf-m-full-height {
13032
+ height: 100%;
13033
+ }
13034
+ .pf-v6-c-compass__panel.pf-m-pill {
13035
+ border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
13036
+ }
13037
+ .pf-v6-c-compass__panel.pf-m-scrollable {
13038
+ overflow: auto;
13039
+ }
13040
+
13041
+ /* stylelint-disable */
13042
+ @media (max-width: 1200px) {
13043
+ .pf-v6-c-compass * {
13044
+ display: none;
13045
+ }
13046
+ .pf-v6-c-compass {
13047
+ position: relative;
13048
+ display: grid;
13049
+ grid-template-columns: auto;
13050
+ grid-template-rows: auto;
13051
+ place-content: center;
13052
+ gap: 0;
13053
+ }
13054
+ .pf-v6-c-compass::after {
13055
+ padding: 1em;
13056
+ border-radius: var(--pf-t--global--border--radius--large);
13057
+ background: var(--pf-t--global--background--color--primary--default);
13058
+ content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
13059
+ width: 80%;
13060
+ width: 300px;
13061
+ border: 1px solid var(--pf-t--global--border--color--default);
13062
+ box-shadow: var(--pf-t--global--box-shadow--md);
13063
+ white-space: pre-wrap;
13064
+ text-align: center;
13065
+ }
13066
+ }
13067
+ /* stylelint-enable */
12273
13068
  :root {
12274
13069
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
12275
13070
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12964,7 +13759,16 @@ ul) {
12964
13759
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
12965
13760
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12966
13761
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
12967
- --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
13762
+ }
13763
+ @media screen and (min-width: 36rem) {
13764
+ .pf-v6-c-data-list {
13765
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13766
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13767
+ }
13768
+ }
13769
+ .pf-v6-c-data-list {
13770
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13771
+ --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
12968
13772
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
12969
13773
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
12970
13774
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -12972,6 +13776,14 @@ ul) {
12972
13776
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
12973
13777
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12974
13778
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13779
+ }
13780
+ @media screen and (min-width: 36rem) {
13781
+ .pf-v6-c-data-list {
13782
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13783
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13784
+ }
13785
+ }
13786
+ .pf-v6-c-data-list {
12975
13787
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12976
13788
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
12977
13789
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13067,18 +13879,6 @@ ul) {
13067
13879
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13068
13880
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13069
13881
  }
13070
- @media screen and (min-width: 36rem) {
13071
- .pf-v6-c-data-list {
13072
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13073
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13074
- }
13075
- }
13076
- @media screen and (min-width: 36rem) {
13077
- .pf-v6-c-data-list {
13078
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13079
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13080
- }
13081
- }
13082
13882
 
13083
13883
  .pf-v6-c-data-list {
13084
13884
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -13119,6 +13919,9 @@ ul) {
13119
13919
  .pf-v6-c-data-list.pf-m-drag-over {
13120
13920
  overflow-anchor: none;
13121
13921
  }
13922
+ .pf-v6-c-data-list.pf-m-plain {
13923
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13924
+ }
13122
13925
 
13123
13926
  .pf-v6-c-data-list.pf-m-truncate,
13124
13927
  .pf-v6-c-data-list__item-row.pf-m-truncate,
@@ -13238,12 +14041,6 @@ ul) {
13238
14041
  --pf-v6-hidden-visible--hidden--Display: none;
13239
14042
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13240
14043
  display: var(--pf-v6-hidden-visible--Display);
13241
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13242
- align-content: flex-start;
13243
- align-items: flex-start;
13244
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13245
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13246
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13247
14044
  }
13248
14045
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13249
14046
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13288,6 +14085,14 @@ ul) {
13288
14085
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13289
14086
  }
13290
14087
  }
14088
+ .pf-v6-c-data-list__item-action {
14089
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
14090
+ align-content: flex-start;
14091
+ align-items: flex-start;
14092
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
14093
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
14094
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
14095
+ }
13291
14096
 
13292
14097
  .pf-v6-c-data-list__toggle {
13293
14098
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13295,15 +14100,16 @@ ul) {
13295
14100
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13296
14101
  }
13297
14102
 
14103
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
14104
+ scale: -1 1;
14105
+ }
14106
+
13298
14107
  .pf-v6-c-data-list__toggle-icon {
13299
14108
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13300
14109
  pointer-events: none;
13301
14110
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13302
14111
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13303
14112
  }
13304
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13305
- scale: -1 1;
13306
- }
13307
14113
 
13308
14114
  .pf-v6-c-data-list__item-content {
13309
14115
  display: grid;
@@ -13398,6 +14204,13 @@ ul) {
13398
14204
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13399
14205
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13400
14206
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14207
+ }
14208
+ @media screen and (min-width: 36rem) {
14209
+ .pf-v6-c-description-list {
14210
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14211
+ }
14212
+ }
14213
+ .pf-v6-c-description-list {
13401
14214
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13402
14215
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13403
14216
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13426,11 +14239,6 @@ ul) {
13426
14239
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13427
14240
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13428
14241
  }
13429
- @media screen and (min-width: 36rem) {
13430
- .pf-v6-c-description-list {
13431
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13432
- }
13433
- }
13434
14242
  @media (min-width: 36rem) {
13435
14243
  .pf-v6-c-description-list {
13436
14244
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -13812,6 +14620,15 @@ ul) {
13812
14620
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
13813
14621
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
13814
14622
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14623
+ }
14624
+ @media screen and (prefers-reduced-motion: no-preference) {
14625
+ .pf-v6-c-dual-list-selector {
14626
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14627
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14628
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14629
+ }
14630
+ }
14631
+ .pf-v6-c-dual-list-selector {
13815
14632
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
13816
14633
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13817
14634
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -13853,13 +14670,6 @@ ul) {
13853
14670
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
13854
14671
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
13855
14672
  }
13856
- @media screen and (prefers-reduced-motion: no-preference) {
13857
- .pf-v6-c-dual-list-selector {
13858
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13859
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13860
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
13861
- }
13862
- }
13863
14673
 
13864
14674
  .pf-v6-c-dual-list-selector {
13865
14675
  display: grid;
@@ -13930,8 +14740,6 @@ ul) {
13930
14740
 
13931
14741
  .pf-v6-c-dual-list-selector__list {
13932
14742
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13933
- display: flex;
13934
- flex-direction: column;
13935
14743
  }
13936
14744
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
13937
14745
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -13939,16 +14747,22 @@ ul) {
13939
14747
  }
13940
14748
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13941
14749
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
13942
- position: absolute;
13943
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
13944
14750
  }
13945
14751
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13946
14752
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
13947
14753
  }
13948
14754
 
14755
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14756
+ position: absolute;
14757
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14758
+ }
13949
14759
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
13950
14760
  overflow-anchor: none;
13951
14761
  }
14762
+ .pf-v6-c-dual-list-selector__list {
14763
+ display: flex;
14764
+ flex-direction: column;
14765
+ }
13952
14766
 
13953
14767
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
13954
14768
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14233,11 +15047,6 @@ ul) {
14233
15047
  --pf-v6-hidden-visible--hidden--Display: none;
14234
15048
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14235
15049
  display: var(--pf-v6-hidden-visible--Display);
14236
- flex-shrink: 0;
14237
- align-items: stretch;
14238
- align-self: stretch;
14239
- justify-content: center;
14240
- border: 0;
14241
15050
  }
14242
15051
  .pf-v6-c-divider.pf-m-hidden {
14243
15052
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14282,6 +15091,13 @@ ul) {
14282
15091
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14283
15092
  }
14284
15093
  }
15094
+ .pf-v6-c-divider {
15095
+ flex-shrink: 0;
15096
+ align-items: stretch;
15097
+ align-self: stretch;
15098
+ justify-content: center;
15099
+ border: 0;
15100
+ }
14285
15101
  .pf-v6-c-divider::before {
14286
15102
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14287
15103
  content: "";
@@ -14526,6 +15342,7 @@ ul) {
14526
15342
  }
14527
15343
 
14528
15344
  .pf-v6-c-drawer {
15345
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
14529
15346
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14530
15347
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14531
15348
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14556,6 +15373,7 @@ ul) {
14556
15373
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
14557
15374
  --pf-v6-c-drawer__panel--Opacity: 0;
14558
15375
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
15376
+ --pf-v6-c-drawer--m-expanded__panel--inset: 0px;
14559
15377
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
14560
15378
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
14561
15379
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -14571,6 +15389,29 @@ ul) {
14571
15389
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
14572
15390
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
14573
15391
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
15392
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
15393
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
15394
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
15395
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
15396
+ --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
15397
+ --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
15398
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
15399
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
15400
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15401
+ --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15402
+ }
15403
+ @media screen and (prefers-reduced-motion: no-preference) {
15404
+ .pf-v6-c-drawer {
15405
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15406
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15407
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15408
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15409
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15410
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15411
+ --pf-v6-c-drawer__panel--Opacity: 1;
15412
+ }
15413
+ }
15414
+ .pf-v6-c-drawer {
14574
15415
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14575
15416
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14576
15417
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14633,6 +15474,17 @@ ul) {
14633
15474
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14634
15475
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14635
15476
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15477
+ }
15478
+ @media screen and (min-width: 75rem) {
15479
+ .pf-v6-c-drawer {
15480
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15481
+ }
15482
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15483
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15484
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15485
+ }
15486
+ }
15487
+ .pf-v6-c-drawer {
14636
15488
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14637
15489
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14638
15490
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14647,46 +15499,32 @@ ul) {
14647
15499
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14648
15500
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14649
15501
  }
14650
- @media screen and (prefers-reduced-motion: no-preference) {
14651
- .pf-v6-c-drawer {
14652
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14653
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14654
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14655
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14656
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14657
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14658
- --pf-v6-c-drawer__panel--Opacity: 1;
14659
- }
14660
- }
14661
- @media screen and (min-width: 75rem) {
14662
- .pf-v6-c-drawer {
14663
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14664
- }
14665
- .pf-v6-c-drawer.pf-m-panel-bottom {
14666
- --pf-v6-c-drawer__panel--MinWidth: auto;
14667
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14668
- }
14669
- }
14670
15502
 
14671
15503
  .pf-v6-c-drawer {
14672
15504
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14673
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14674
- display: flex;
14675
- flex-direction: column;
14676
- height: 100%;
14677
- overflow-x: hidden;
14678
15505
  }
14679
15506
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14680
15507
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14681
15508
  }
14682
15509
 
15510
+ .pf-v6-c-drawer {
15511
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15512
+ }
14683
15513
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14684
15514
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14685
15515
  }
14686
15516
 
15517
+ .pf-v6-c-drawer {
15518
+ display: flex;
15519
+ flex-direction: column;
15520
+ height: 100%;
15521
+ overflow-x: hidden;
15522
+ }
14687
15523
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
14688
15524
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
14689
15525
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
15526
+ --pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
15527
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
14690
15528
  }
14691
15529
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
14692
15530
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -14710,19 +15548,21 @@ ul) {
14710
15548
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
14711
15549
  }
14712
15550
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14713
- transform: translateX(-100%);
14714
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
14715
- visibility: visible;
15551
+ transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14716
15552
  }
14717
15553
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14718
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
15554
+ transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
14719
15555
  }
14720
15556
 
15557
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15558
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15559
+ visibility: visible;
15560
+ }
14721
15561
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14722
15562
  transform: translateX(0);
14723
15563
  }
14724
15564
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14725
- transform: translate(0, -100%);
15565
+ transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14726
15566
  }
14727
15567
  .pf-v6-c-drawer.pf-m-resizing {
14728
15568
  --pf-v6-c-drawer__panel--TransitionProperty: none;
@@ -14731,6 +15571,26 @@ ul) {
14731
15571
  .pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
14732
15572
  pointer-events: auto;
14733
15573
  }
15574
+ @media screen and (min-width: 48rem) {
15575
+ .pf-v6-c-drawer.pf-m-pill {
15576
+ --pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
15577
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
15578
+ --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
15579
+ --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15580
+ --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15581
+ }
15582
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15583
+ border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
15584
+ border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
15585
+ border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
15586
+ border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
15587
+ }
15588
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
15589
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15590
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15591
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15592
+ }
15593
+ }
14734
15594
 
14735
15595
  .pf-v6-c-drawer__section {
14736
15596
  flex-grow: 0;
@@ -14746,6 +15606,7 @@ ul) {
14746
15606
  .pf-v6-c-drawer__main {
14747
15607
  display: flex;
14748
15608
  flex: 1;
15609
+ gap: var(--pf-v6-c-drawer__main--Gap, 0);
14749
15610
  overflow: hidden;
14750
15611
  }
14751
15612
 
@@ -14753,8 +15614,8 @@ ul) {
14753
15614
  .pf-v6-c-drawer__panel,
14754
15615
  .pf-v6-c-drawer__panel-main {
14755
15616
  display: flex;
14756
- flex-direction: column;
14757
15617
  flex-shrink: 0;
15618
+ flex-direction: column;
14758
15619
  overflow: auto;
14759
15620
  }
14760
15621
 
@@ -14784,6 +15645,8 @@ ul) {
14784
15645
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
14785
15646
  order: 1;
14786
15647
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
15648
+ margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
15649
+ margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
14787
15650
  overflow: auto;
14788
15651
  visibility: hidden;
14789
15652
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
@@ -14792,6 +15655,7 @@ ul) {
14792
15655
  border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
14793
15656
  border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
14794
15657
  border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
15658
+ border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
14795
15659
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
14796
15660
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
14797
15661
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -14979,7 +15843,7 @@ ul) {
14979
15843
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
14980
15844
  }
14981
15845
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14982
- transform: translateX(0);
15846
+ transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
14983
15847
  }
14984
15848
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
14985
15849
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
@@ -14991,6 +15855,8 @@ ul) {
14991
15855
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
14992
15856
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
14993
15857
  --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
15858
+ --pf-v6-c-drawer__panel--MarginBlock: initial;
15859
+ --pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
14994
15860
  min-width: auto;
14995
15861
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
14996
15862
  }
@@ -15038,82 +15904,86 @@ ul) {
15038
15904
  }
15039
15905
  @media (min-width: 48rem) {
15040
15906
  .pf-v6-c-drawer__panel.pf-m-width-25 {
15041
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15907
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15042
15908
  }
15043
15909
  .pf-v6-c-drawer__panel.pf-m-width-33 {
15044
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15910
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15045
15911
  }
15046
15912
  .pf-v6-c-drawer__panel.pf-m-width-50 {
15047
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15913
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15048
15914
  }
15049
15915
  .pf-v6-c-drawer__panel.pf-m-width-66 {
15050
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15916
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15051
15917
  }
15052
15918
  .pf-v6-c-drawer__panel.pf-m-width-75 {
15053
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15919
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15054
15920
  }
15055
15921
  .pf-v6-c-drawer__panel.pf-m-width-100 {
15056
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15922
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15923
+ --pf-v6-c-drawer__main--Gap: 0;
15057
15924
  }
15058
15925
  }
15059
15926
  @media (min-width: 62rem) {
15060
15927
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
15061
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15928
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15062
15929
  }
15063
15930
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
15064
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15931
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15065
15932
  }
15066
15933
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
15067
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15934
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15068
15935
  }
15069
15936
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
15070
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15937
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15071
15938
  }
15072
15939
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
15073
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15940
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15074
15941
  }
15075
15942
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
15076
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15943
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15944
+ --pf-v6-c-drawer__main--Gap: 0;
15077
15945
  }
15078
15946
  }
15079
15947
  @media (min-width: 75rem) {
15080
15948
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
15081
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15949
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15082
15950
  }
15083
15951
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
15084
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15952
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15085
15953
  }
15086
15954
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
15087
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15955
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15088
15956
  }
15089
15957
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
15090
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15958
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15091
15959
  }
15092
15960
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
15093
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15961
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15094
15962
  }
15095
15963
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
15096
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15964
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15965
+ --pf-v6-c-drawer__main--Gap: 0;
15097
15966
  }
15098
15967
  }
15099
15968
  @media (min-width: 90.625rem) {
15100
15969
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
15101
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15970
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15102
15971
  }
15103
15972
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
15104
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15973
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15105
15974
  }
15106
15975
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
15107
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15976
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15108
15977
  }
15109
15978
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
15110
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15979
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15111
15980
  }
15112
15981
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
15113
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15982
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15114
15983
  }
15115
15984
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
15116
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15985
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15986
+ --pf-v6-c-drawer__main--Gap: 0;
15117
15987
  }
15118
15988
  }
15119
15989
  @media (min-width: 48rem) {
@@ -15545,10 +16415,24 @@ ul) {
15545
16415
  --pf-v6-c-expandable-section__content--Opacity: 0;
15546
16416
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15547
16417
  --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
16418
+ --pf-v6-c-expandable-section__content--MaxHeight: 0px;
16419
+ --pf-v6-c-expandable-section__content--Visibility: hidden;
16420
+ --pf-v6-c-expandable-section__content--Opacity: 0;
15548
16421
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15549
16422
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15550
16423
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15551
16424
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16425
+ }
16426
+ @media screen and (prefers-reduced-motion: no-preference) {
16427
+ .pf-v6-c-expandable-section {
16428
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16429
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16430
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16431
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16432
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16433
+ }
16434
+ }
16435
+ .pf-v6-c-expandable-section {
15552
16436
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15553
16437
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15554
16438
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15565,15 +16449,6 @@ ul) {
15565
16449
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15566
16450
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15567
16451
  }
15568
- @media screen and (prefers-reduced-motion: no-preference) {
15569
- .pf-v6-c-expandable-section {
15570
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15571
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15572
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15573
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15574
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15575
- }
15576
- }
15577
16452
 
15578
16453
  .pf-v6-c-expandable-section {
15579
16454
  display: flex;
@@ -15632,9 +16507,13 @@ ul) {
15632
16507
  }
15633
16508
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15634
16509
  display: -webkit-box;
16510
+ overflow: hidden;
15635
16511
  -webkit-box-orient: vertical;
15636
16512
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15637
- overflow: hidden;
16513
+ }
16514
+
16515
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16516
+ scale: -1 1;
15638
16517
  }
15639
16518
 
15640
16519
  .pf-v6-c-expandable-section__toggle-icon {
@@ -15644,10 +16523,6 @@ ul) {
15644
16523
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
15645
16524
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
15646
16525
  }
15647
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
15648
- scale: -1 1;
15649
- }
15650
-
15651
16526
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
15652
16527
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15653
16528
  }
@@ -16230,8 +17105,8 @@ ul) {
16230
17105
 
16231
17106
  .pf-v6-c-form__field-group-header-main {
16232
17107
  display: flex;
16233
- flex-direction: column;
16234
17108
  flex-grow: 1;
17109
+ flex-direction: column;
16235
17110
  }
16236
17111
 
16237
17112
  .pf-v6-c-form__field-group-header-title {
@@ -16472,8 +17347,8 @@ ul) {
16472
17347
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16473
17348
  }
16474
17349
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16475
- outline-offset: 0;
16476
17350
  scrollbar-gutter: stable;
17351
+ outline-offset: 0;
16477
17352
  }
16478
17353
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16479
17354
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -16653,81 +17528,6 @@ ul) {
16653
17528
  pointer-events: none;
16654
17529
  }
16655
17530
 
16656
- .pf-v6-c-hint {
16657
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16658
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16659
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16660
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16661
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16662
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16663
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16664
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
16665
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16666
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
16667
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16668
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
16669
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
16670
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16671
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
16672
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16673
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16674
- }
16675
-
16676
- .pf-v6-c-hint {
16677
- display: grid;
16678
- grid-template-columns: 1fr auto;
16679
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
16680
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
16681
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
16682
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
16683
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
16684
- color: var(--pf-v6-c-hint--Color);
16685
- background-color: var(--pf-v6-c-hint--BackgroundColor);
16686
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
16687
- border-radius: var(--pf-v6-c-hint--BorderRadius);
16688
- }
16689
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
16690
- text-align: start;
16691
- white-space: normal;
16692
- }
16693
-
16694
- .pf-v6-c-hint__actions {
16695
- display: inline-grid;
16696
- grid-row: 1;
16697
- grid-column: 2;
16698
- grid-auto-flow: column;
16699
- align-self: start;
16700
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
16701
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
16702
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
16703
- text-align: end;
16704
- }
16705
- .pf-v6-c-hint__actions.pf-m-no-offset {
16706
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
16707
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
16708
- }
16709
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
16710
- grid-column: 1;
16711
- }
16712
-
16713
- .pf-v6-c-hint__title {
16714
- align-self: center;
16715
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
16716
- }
16717
-
16718
- .pf-v6-c-hint__body {
16719
- grid-column: 1/-1;
16720
- font-size: var(--pf-v6-c-hint__body--FontSize);
16721
- }
16722
-
16723
- .pf-v6-c-hint__footer {
16724
- grid-column: 1/-1;
16725
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
16726
- }
16727
- .pf-v6-c-hint__footer > :not(:last-child) {
16728
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
16729
- }
16730
-
16731
17531
  .pf-v6-c-helper-text {
16732
17532
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16733
17533
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -16813,6 +17613,156 @@ ul) {
16813
17613
  color: var(--pf-v6-c-helper-text__item-text--Color);
16814
17614
  }
16815
17615
 
17616
+ .pf-v6-c-hero {
17617
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17618
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17619
+ --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17620
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17621
+ --pf-v6-c-hero--gradient--angle: 109deg;
17622
+ --pf-v6-c-hero--gradient--stop-1--light: transparent;
17623
+ --pf-v6-c-hero--gradient--stop-2--light: transparent;
17624
+ --pf-v6-c-hero--gradient--stop-3--light: transparent;
17625
+ --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17626
+ --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17627
+ --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17628
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17629
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17630
+ --pf-v6-c-hero--BackgroundImage--light: none;
17631
+ --pf-v6-c-hero--BackgroundImage--dark: none;
17632
+ --pf-v6-c-hero--BackgroundRepeat: no-repeat;
17633
+ --pf-v6-c-hero--BackgroundPosition: right center;
17634
+ --pf-v6-c-hero--BackgroundSize: contain;
17635
+ --pf-v6-c-hero--BorderStyle: solid;
17636
+ --pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
17637
+ --pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
17638
+ --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17639
+ --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17640
+ --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17641
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17642
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17643
+ --pf-v6-c-hero--BorderStartStartRadius: 24px;
17644
+ --pf-v6-c-hero--BorderStartEndRadius: 72px;
17645
+ --pf-v6-c-hero--BorderEndEndRadius: 24px;
17646
+ --pf-v6-c-hero--BorderEndStartRadius: 72px;
17647
+ --pf-v6-c-hero__body--Width: 800px;
17648
+ --pf-v6-c-hero__body--MaxWidth: 80%;
17649
+ }
17650
+
17651
+ .pf-v6-c-hero {
17652
+ display: flex;
17653
+ padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
17654
+ padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17655
+ padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17656
+ padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17657
+ 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%);
17658
+ background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17659
+ background-position: var(--pf-v6-c-hero--BackgroundPosition);
17660
+ background-size: var(--pf-v6-c-hero--BackgroundSize);
17661
+ border-color: var(--pf-v6-c-hero--BorderColor);
17662
+ border-style: var(--pf-v6-c-hero--BorderStyle);
17663
+ border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
17664
+ border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
17665
+ border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
17666
+ border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
17667
+ border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
17668
+ border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
17669
+ border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17670
+ border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17671
+ }
17672
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17673
+ --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17674
+ --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17675
+ --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17676
+ --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17677
+ }
17678
+ :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17679
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17680
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17681
+ }
17682
+ .pf-v6-c-hero:not(.pf-m-no-glass) {
17683
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17684
+ backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17685
+ }
17686
+
17687
+ .pf-v6-c-hero__body {
17688
+ width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
17689
+ }
17690
+
17691
+ .pf-v6-c-hint {
17692
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17693
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17694
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17695
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17696
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17697
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17698
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
17699
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
17700
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
17701
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
17702
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17703
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17704
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
17705
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
17706
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17707
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17708
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17709
+ }
17710
+
17711
+ .pf-v6-c-hint {
17712
+ display: grid;
17713
+ grid-template-columns: 1fr auto;
17714
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
17715
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
17716
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
17717
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
17718
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
17719
+ color: var(--pf-v6-c-hint--Color);
17720
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
17721
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
17722
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
17723
+ }
17724
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
17725
+ text-align: start;
17726
+ white-space: normal;
17727
+ }
17728
+
17729
+ .pf-v6-c-hint__actions {
17730
+ display: inline-grid;
17731
+ grid-row: 1;
17732
+ grid-column: 2;
17733
+ grid-auto-flow: column;
17734
+ align-self: start;
17735
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
17736
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
17737
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17738
+ text-align: end;
17739
+ }
17740
+ .pf-v6-c-hint__actions.pf-m-no-offset {
17741
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
17742
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
17743
+ }
17744
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
17745
+ grid-column: 1;
17746
+ }
17747
+
17748
+ .pf-v6-c-hint__title {
17749
+ align-self: center;
17750
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
17751
+ }
17752
+
17753
+ .pf-v6-c-hint__body {
17754
+ grid-column: 1/-1;
17755
+ font-size: var(--pf-v6-c-hint__body--FontSize);
17756
+ }
17757
+
17758
+ .pf-v6-c-hint__footer {
17759
+ grid-column: 1/-1;
17760
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
17761
+ }
17762
+ .pf-v6-c-hint__footer > :not(:last-child) {
17763
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
17764
+ }
17765
+
16816
17766
  .pf-v6-c-icon {
16817
17767
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
16818
17768
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -17541,6 +18491,10 @@ label.pf-v6-c-input-group__text {
17541
18491
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17542
18492
  }
17543
18493
 
18494
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18495
+ scale: -1 1;
18496
+ }
18497
+
17544
18498
  .pf-v6-c-jump-links__toggle-icon {
17545
18499
  display: inline-block;
17546
18500
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17549,9 +18503,6 @@ label.pf-v6-c-input-group__text {
17549
18503
  transition-property: transform;
17550
18504
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17551
18505
  }
17552
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17553
- scale: -1 1;
17554
- }
17555
18506
 
17556
18507
  .pf-v6-c-label {
17557
18508
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -18048,6 +18999,10 @@ input.pf-v6-c-label__content {
18048
18999
  .pf-v6-c-label__actions {
18049
19000
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
18050
19001
  }
19002
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
19003
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
19004
+ }
19005
+
18051
19006
  .pf-v6-c-label__actions .pf-v6-c-button {
18052
19007
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
18053
19008
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -18058,9 +19013,6 @@ input.pf-v6-c-label__content {
18058
19013
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
18059
19014
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18060
19015
  }
18061
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18062
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18063
- }
18064
19016
 
18065
19017
  .pf-v6-c-label-group {
18066
19018
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18201,9 +19153,9 @@ input.pf-v6-c-label__content {
18201
19153
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18202
19154
  white-space: nowrap;
18203
19155
  resize: none;
18204
- border: 0;
18205
- -ms-overflow-style: none;
18206
19156
  scrollbar-width: none;
19157
+ -ms-overflow-style: none;
19158
+ border: 0;
18207
19159
  }
18208
19160
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18209
19161
  display: none;
@@ -18289,18 +19241,48 @@ ul.pf-v6-c-list {
18289
19241
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18290
19242
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18291
19243
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19244
+ }
19245
+ @media (min-width: 75rem) {
19246
+ .pf-v6-c-login {
19247
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19248
+ }
19249
+ }
19250
+ .pf-v6-c-login {
18292
19251
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18293
19252
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18294
19253
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19254
+ }
19255
+ @media (min-width: 36rem) {
19256
+ .pf-v6-c-login {
19257
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19258
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19259
+ }
19260
+ }
19261
+ .pf-v6-c-login {
18295
19262
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18296
19263
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18297
19264
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18298
19265
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19266
+ }
19267
+ @media (min-width: 75rem) {
19268
+ .pf-v6-c-login {
19269
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19270
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19271
+ }
19272
+ }
19273
+ .pf-v6-c-login {
18299
19274
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18300
19275
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18301
19276
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18302
19277
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18303
19278
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19279
+ }
19280
+ @media (min-width: 75rem) {
19281
+ .pf-v6-c-login {
19282
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19283
+ }
19284
+ }
19285
+ .pf-v6-c-login {
18304
19286
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18305
19287
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18306
19288
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18312,11 +19294,28 @@ ul.pf-v6-c-list {
18312
19294
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18313
19295
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18314
19296
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19297
+ }
19298
+ @media (min-width: 48rem) {
19299
+ .pf-v6-c-login {
19300
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19301
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19302
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19303
+ }
19304
+ }
19305
+ .pf-v6-c-login {
18315
19306
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18316
19307
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18317
19308
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18318
19309
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18319
19310
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19311
+ }
19312
+ @media (min-width: 48rem) {
19313
+ .pf-v6-c-login {
19314
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19315
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19316
+ }
19317
+ }
19318
+ .pf-v6-c-login {
18320
19319
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18321
19320
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18322
19321
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18334,43 +19333,6 @@ ul.pf-v6-c-list {
18334
19333
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18335
19334
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18336
19335
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18337
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18338
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18339
- }
18340
- @media (min-width: 75rem) {
18341
- .pf-v6-c-login {
18342
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18343
- }
18344
- }
18345
- @media (min-width: 36rem) {
18346
- .pf-v6-c-login {
18347
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18348
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18349
- }
18350
- }
18351
- @media (min-width: 75rem) {
18352
- .pf-v6-c-login {
18353
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18354
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18355
- }
18356
- }
18357
- @media (min-width: 75rem) {
18358
- .pf-v6-c-login {
18359
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18360
- }
18361
- }
18362
- @media (min-width: 48rem) {
18363
- .pf-v6-c-login {
18364
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18365
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18366
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18367
- }
18368
- }
18369
- @media (min-width: 48rem) {
18370
- .pf-v6-c-login {
18371
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18372
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18373
- }
18374
19336
  }
18375
19337
  @media (min-width: 36rem) {
18376
19338
  .pf-v6-c-login {
@@ -18378,6 +19340,10 @@ ul.pf-v6-c-list {
18378
19340
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18379
19341
  }
18380
19342
  }
19343
+ .pf-v6-c-login {
19344
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19345
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19346
+ }
18381
19347
  @media (min-width: 75rem) {
18382
19348
  .pf-v6-c-login {
18383
19349
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -18573,12 +19539,26 @@ ul.pf-v6-c-list {
18573
19539
  --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
18574
19540
  --pf-v6-c-masthead--m-display-inline__main--Display: flex;
18575
19541
  --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
19542
+ --pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
19543
+ --pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
19544
+ --pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19545
+ --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19546
+ --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19547
+ --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19548
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
19549
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
19550
+ --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
18576
19551
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18577
19552
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
18578
19553
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
18579
19554
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
18580
19555
  }
18581
19556
 
19557
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19558
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19559
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19560
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19561
+ }
18582
19562
  .pf-v6-c-masthead {
18583
19563
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
18584
19564
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -18592,22 +19572,6 @@ ul.pf-v6-c-list {
18592
19572
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
18593
19573
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
18594
19574
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
18595
- display: grid;
18596
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
18597
- row-gap: var(--pf-v6-c-masthead--RowGap);
18598
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
18599
- align-items: start;
18600
- min-width: 0;
18601
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
18602
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
18603
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
18604
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
18605
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
18606
- }
18607
- .pf-v6-c-masthead .pf-v6-c-toolbar {
18608
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
18609
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
18610
- --pf-v6-c-toolbar__content--MinWidth: 0;
18611
19575
  }
18612
19576
  @media screen and (min-width: 48rem) {
18613
19577
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -18625,6 +19589,62 @@ ul.pf-v6-c-list {
18625
19589
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
18626
19590
  }
18627
19591
  }
19592
+ .pf-v6-c-masthead {
19593
+ display: grid;
19594
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19595
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19596
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19597
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19598
+ align-items: start;
19599
+ min-width: 0;
19600
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19601
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19602
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19603
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19604
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19605
+ }
19606
+ .pf-v6-c-masthead.pf-m-docked {
19607
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19608
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19609
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19610
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19611
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19612
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19613
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19614
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19615
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19616
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19617
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19618
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19619
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19620
+ --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19621
+ --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
19622
+ --pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
19623
+ --pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
19624
+ --pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
19625
+ --pf-v6-c-masthead--GridTemplateColumns: auto;
19626
+ --pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
19627
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
19628
+ --pf-v6-c-masthead__main--GridColumn: auto;
19629
+ --pf-v6-c-masthead__content--GridColumn: auto;
19630
+ --pf-v6-c-masthead__logo--Width: auto;
19631
+ --pf-v6-c-masthead__main--MarginInlineEnd: 0;
19632
+ display: flex;
19633
+ flex-direction: column;
19634
+ align-items: center;
19635
+ width: fit-content;
19636
+ height: 100%;
19637
+ backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19638
+ }
19639
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19640
+ flex-grow: 1;
19641
+ flex-direction: column;
19642
+ align-self: revert;
19643
+ }
19644
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
19645
+ --pf-v6-c-masthead--c-toolbar--Width: fit-content;
19646
+ height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
19647
+ }
18628
19648
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
18629
19649
  flex-wrap: nowrap;
18630
19650
  min-width: 0;
@@ -19088,6 +20108,13 @@ ul.pf-v6-c-list {
19088
20108
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19089
20109
  --pf-v6-c-menu--TransitionDuration: 0s;
19090
20110
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
20111
+ }
20112
+ @media (prefers-reduced-motion: no-preference) {
20113
+ .pf-v6-c-menu {
20114
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
20115
+ }
20116
+ }
20117
+ .pf-v6-c-menu {
19091
20118
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19092
20119
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19093
20120
  --pf-v6-c-menu__content--Height: auto;
@@ -19167,33 +20194,34 @@ ul.pf-v6-c-list {
19167
20194
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19168
20195
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19169
20196
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19170
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19171
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19172
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19173
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19174
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19175
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19176
- }
19177
- @media (prefers-reduced-motion: no-preference) {
19178
- .pf-v6-c-menu {
19179
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19180
- }
19181
20197
  }
19182
20198
  @media (prefers-reduced-motion: no-preference) {
19183
20199
  .pf-v6-c-menu {
19184
20200
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19185
20201
  }
19186
20202
  }
20203
+ .pf-v6-c-menu {
20204
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20205
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20206
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20207
+ }
19187
20208
  @media (prefers-reduced-motion: no-preference) {
19188
20209
  .pf-v6-c-menu {
19189
20210
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19190
20211
  }
19191
20212
  }
20213
+ .pf-v6-c-menu {
20214
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20215
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20216
+ }
19192
20217
  @media (prefers-reduced-motion: no-preference) {
19193
20218
  .pf-v6-c-menu {
19194
20219
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19195
20220
  }
19196
20221
  }
20222
+ .pf-v6-c-menu {
20223
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20224
+ }
19197
20225
 
19198
20226
  .pf-v6-c-menu__content,
19199
20227
  .pf-v6-c-menu__list-item,
@@ -19651,13 +20679,14 @@ ul.pf-v6-c-list {
19651
20679
  --pf-v6-c-check__input--TranslateY: none;
19652
20680
  }
19653
20681
 
19654
- .pf-v6-c-menu__item-toggle-icon {
19655
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
19656
- }
19657
20682
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
19658
20683
  scale: -1 1;
19659
20684
  }
19660
20685
 
20686
+ .pf-v6-c-menu__item-toggle-icon {
20687
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20688
+ }
20689
+
19661
20690
  .pf-v6-c-menu__item-icon {
19662
20691
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
19663
20692
  }
@@ -19826,6 +20855,7 @@ ul.pf-v6-c-list {
19826
20855
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
19827
20856
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
19828
20857
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
20858
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
19829
20859
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
19830
20860
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
19831
20861
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -19954,6 +20984,9 @@ ul.pf-v6-c-list {
19954
20984
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
19955
20985
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
19956
20986
  }
20987
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
20988
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
20989
+ }
19957
20990
  .pf-v6-c-menu-toggle.pf-m-plain::before {
19958
20991
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
19959
20992
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -20244,6 +21277,13 @@ ul.pf-v6-c-list {
20244
21277
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20245
21278
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20246
21279
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21280
+ }
21281
+ @media (min-width: 75rem) {
21282
+ .pf-v6-c-modal-box {
21283
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21284
+ }
21285
+ }
21286
+ .pf-v6-c-modal-box {
20247
21287
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20248
21288
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20249
21289
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20275,11 +21315,6 @@ ul.pf-v6-c-list {
20275
21315
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20276
21316
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20277
21317
  }
20278
- @media (min-width: 75rem) {
20279
- .pf-v6-c-modal-box {
20280
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20281
- }
20282
- }
20283
21318
 
20284
21319
  .pf-v6-c-modal-box {
20285
21320
  position: relative;
@@ -20341,8 +21376,8 @@ ul.pf-v6-c-list {
20341
21376
 
20342
21377
  .pf-v6-c-modal-box__header {
20343
21378
  display: flex;
20344
- flex-direction: column;
20345
21379
  flex-shrink: 0;
21380
+ flex-direction: column;
20346
21381
  gap: var(--pf-v6-c-modal-box__header--Gap);
20347
21382
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20348
21383
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20359,8 +21394,8 @@ ul.pf-v6-c-list {
20359
21394
 
20360
21395
  .pf-v6-c-modal-box__header-main {
20361
21396
  display: flex;
20362
- flex-direction: column;
20363
21397
  flex-grow: 1;
21398
+ flex-direction: column;
20364
21399
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20365
21400
  min-width: 0;
20366
21401
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -20669,6 +21704,15 @@ ul.pf-v6-c-list {
20669
21704
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
20670
21705
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
20671
21706
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21707
+ --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
21708
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
21709
+ --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
21710
+ --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
21711
+ --pf-v6-c-nav__item--accent--ScaleY: 0;
21712
+ --pf-v6-c-nav__item--current--accent--ScaleY: 1;
21713
+ --pf-v6-c-nav__item--accent--TransitionDuration: 0;
21714
+ --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21715
+ --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
20672
21716
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
20673
21717
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
20674
21718
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
@@ -20693,6 +21737,7 @@ ul.pf-v6-c-list {
20693
21737
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
20694
21738
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
20695
21739
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
21740
+ --pf-v6-c-nav__link-text--FontSize: initial;
20696
21741
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
20697
21742
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
20698
21743
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
@@ -20704,6 +21749,15 @@ ul.pf-v6-c-list {
20704
21749
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
20705
21750
  --pf-v6-c-nav__subnav--TranslateY: 0;
20706
21751
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21752
+ }
21753
+ @media screen and (prefers-reduced-motion: no-preference) {
21754
+ .pf-v6-c-nav {
21755
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21756
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21757
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21758
+ }
21759
+ }
21760
+ .pf-v6-c-nav {
20707
21761
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
20708
21762
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
20709
21763
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -20733,13 +21787,11 @@ ul.pf-v6-c-list {
20733
21787
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20734
21788
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
20735
21789
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20736
- }
20737
- @media screen and (prefers-reduced-motion: no-preference) {
20738
- .pf-v6-c-nav {
20739
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
20740
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
20741
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
20742
- }
21790
+ --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21791
+ --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21792
+ --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21793
+ --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21794
+ --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20743
21795
  }
20744
21796
 
20745
21797
  .pf-v6-c-nav,
@@ -20774,6 +21826,25 @@ ul.pf-v6-c-list {
20774
21826
  .pf-v6-c-nav.pf-m-fill {
20775
21827
  flex-grow: 1;
20776
21828
  }
21829
+ .pf-v6-c-nav.pf-m-docked {
21830
+ --pf-v6-c-nav--PaddingBlockStart: 0;
21831
+ --pf-v6-c-nav--PaddingBlockEnd: 0;
21832
+ --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
21833
+ --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
21834
+ --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
21835
+ --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
21836
+ --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
21837
+ width: fit-content;
21838
+ }
21839
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
21840
+ position: relative;
21841
+ align-self: center;
21842
+ min-width: 1lh;
21843
+ text-align: center;
21844
+ }
21845
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21846
+ display: none;
21847
+ }
20777
21848
  .pf-v6-c-nav .pf-v6-c-menu {
20778
21849
  --pf-v6-c-menu--MinWidth: 100%;
20779
21850
  }
@@ -20837,14 +21908,34 @@ ul.pf-v6-c-list {
20837
21908
  }
20838
21909
 
20839
21910
  .pf-v6-c-nav__item {
21911
+ position: relative;
20840
21912
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
20841
21913
  }
21914
+ .pf-v6-c-nav__item::before {
21915
+ position: absolute;
21916
+ inset-block-start: 0;
21917
+ inset-block-end: 0;
21918
+ inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
21919
+ width: var(--pf-v6-c-nav__item--accent--size);
21920
+ pointer-events: none;
21921
+ content: var(--pf-v6-c-nav__item--accent--content, "");
21922
+ background-color: var(--pf-v6-c-nav__item--accent--color);
21923
+ border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
21924
+ transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
21925
+ transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
21926
+ transition-property: scale;
21927
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
21928
+ }
20842
21929
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
20843
21930
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
20844
21931
  }
20845
21932
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
20846
21933
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
20847
21934
  }
21935
+ .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
21936
+ --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
21937
+ --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
21938
+ }
20848
21939
 
20849
21940
  .pf-v6-c-nav__section {
20850
21941
  row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
@@ -20906,6 +21997,10 @@ ul.pf-v6-c-list {
20906
21997
  color: var(--pf-v6-c-nav__link-icon--Color);
20907
21998
  }
20908
21999
 
22000
+ .pf-v6-c-nav__link-text {
22001
+ font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
22002
+ }
22003
+
20909
22004
  .pf-v6-c-nav__toggle {
20910
22005
  flex: none;
20911
22006
  align-self: start;
@@ -20961,6 +22056,7 @@ ul.pf-v6-c-list {
20961
22056
  }
20962
22057
 
20963
22058
  .pf-v6-c-nav:where(.pf-m-horizontal) {
22059
+ --pf-v6-c-nav__item--accent--content: none;
20964
22060
  padding: 0;
20965
22061
  overflow: hidden;
20966
22062
  }
@@ -20981,12 +22077,14 @@ ul.pf-v6-c-list {
20981
22077
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
20982
22078
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
20983
22079
  -webkit-overflow-scrolling: touch;
20984
- scrollbar-width: none;
20985
- -ms-overflow-style: -ms-autohiding-scrollbar;
20986
22080
  }
20987
22081
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
20988
22082
  display: none;
20989
22083
  }
22084
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
22085
+ scrollbar-width: none;
22086
+ -ms-overflow-style: -ms-autohiding-scrollbar;
22087
+ }
20990
22088
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
20991
22089
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
20992
22090
  }
@@ -21024,6 +22122,7 @@ ul.pf-v6-c-list {
21024
22122
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
21025
22123
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
21026
22124
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
22125
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21027
22126
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
21028
22127
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
21029
22128
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21118,6 +22217,7 @@ ul.pf-v6-c-list {
21118
22217
 
21119
22218
  .pf-v6-c-notification-drawer__header-action {
21120
22219
  display: flex;
22220
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
21121
22221
  align-items: center;
21122
22222
  margin-inline-start: auto;
21123
22223
  }
@@ -21201,9 +22301,9 @@ ul.pf-v6-c-list {
21201
22301
  }
21202
22302
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21203
22303
  display: -webkit-box;
22304
+ overflow: hidden;
21204
22305
  -webkit-box-orient: vertical;
21205
22306
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21206
- overflow: hidden;
21207
22307
  }
21208
22308
 
21209
22309
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21257,9 +22357,9 @@ ul.pf-v6-c-list {
21257
22357
 
21258
22358
  .pf-v6-c-notification-drawer__group-toggle-title {
21259
22359
  display: -webkit-box;
22360
+ overflow: hidden;
21260
22361
  -webkit-box-orient: vertical;
21261
22362
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21262
- overflow: hidden;
21263
22363
  flex: 1;
21264
22364
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21265
22365
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21272,15 +22372,15 @@ ul.pf-v6-c-list {
21272
22372
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21273
22373
  }
21274
22374
 
22375
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22376
+ scale: -1 1;
22377
+ }
22378
+
21275
22379
  .pf-v6-c-notification-drawer__group-toggle-icon {
21276
22380
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21277
22381
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21278
22382
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21279
22383
  }
21280
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21281
- scale: -1 1;
21282
- }
21283
-
21284
22384
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21285
22385
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21286
22386
  }
@@ -21326,6 +22426,7 @@ ul.pf-v6-c-list {
21326
22426
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21327
22427
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
21328
22428
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22429
+ --pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
21329
22430
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
21330
22431
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
21331
22432
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -21348,6 +22449,15 @@ ul.pf-v6-c-list {
21348
22449
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21349
22450
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21350
22451
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22452
+ }
22453
+ @media screen and (prefers-reduced-motion: no-preference) {
22454
+ .pf-v6-c-page {
22455
+ --pf-v6-c-page__sidebar--Opacity: 1;
22456
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22457
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22458
+ }
22459
+ }
22460
+ .pf-v6-c-page {
21351
22461
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21352
22462
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21353
22463
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21363,6 +22473,15 @@ ul.pf-v6-c-list {
21363
22473
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21364
22474
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21365
22475
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22476
+ }
22477
+ @media screen and (min-width: 75rem) {
22478
+ .pf-v6-c-page {
22479
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22480
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22481
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22482
+ }
22483
+ }
22484
+ .pf-v6-c-page {
21366
22485
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21367
22486
  --pf-v6-c-page__main-container--GridArea: main;
21368
22487
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21385,6 +22504,17 @@ ul.pf-v6-c-list {
21385
22504
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21386
22505
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21387
22506
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22507
+ }
22508
+ @media screen and (max-width: calc(48rem - 1px)) {
22509
+ .pf-v6-c-page {
22510
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22511
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22512
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22513
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22514
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22515
+ }
22516
+ }
22517
+ .pf-v6-c-page {
21388
22518
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21389
22519
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21390
22520
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21433,29 +22563,9 @@ ul.pf-v6-c-list {
21433
22563
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21434
22564
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21435
22565
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21436
- }
21437
- @media screen and (prefers-reduced-motion: no-preference) {
21438
- .pf-v6-c-page {
21439
- --pf-v6-c-page__sidebar--Opacity: 1;
21440
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21441
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21442
- }
21443
- }
21444
- @media screen and (min-width: 75rem) {
21445
- .pf-v6-c-page {
21446
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21447
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21448
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21449
- }
21450
- }
21451
- @media screen and (max-width: calc(48rem - 1px)) {
21452
- .pf-v6-c-page {
21453
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21454
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21455
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21456
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21457
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21458
- }
22566
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22567
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22568
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21459
22569
  }
21460
22570
 
21461
22571
  .pf-v6-c-page {
@@ -21475,6 +22585,16 @@ ul.pf-v6-c-list {
21475
22585
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
21476
22586
  }
21477
22587
  }
22588
+ .pf-v6-c-page.pf-m-dock {
22589
+ --pf-v6-c-page--masthead--main-container--GridArea: main;
22590
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
22591
+ --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
22592
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
22593
+ grid-template-areas: "dock main";
22594
+ grid-template-rows: auto;
22595
+ grid-template-columns: auto 1fr;
22596
+ column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
22597
+ }
21478
22598
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
21479
22599
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
21480
22600
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -21521,15 +22641,20 @@ ul.pf-v6-c-list {
21521
22641
  }
21522
22642
  }
21523
22643
 
21524
- .pf-v6-c-page > .pf-v6-c-masthead {
21525
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
21526
- grid-area: header;
21527
- }
21528
22644
  @media (min-width: 75rem) {
21529
22645
  .pf-v6-c-page > .pf-v6-c-masthead {
21530
22646
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
21531
22647
  }
21532
22648
  }
22649
+ .pf-v6-c-page > .pf-v6-c-masthead {
22650
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22651
+ grid-area: header;
22652
+ }
22653
+
22654
+ .pf-v6-c-page__dock {
22655
+ z-index: var(--pf-v6-c-page__dock--ZIndex);
22656
+ grid-area: dock;
22657
+ }
21533
22658
 
21534
22659
  .pf-v6-c-page__sidebar {
21535
22660
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -21641,8 +22766,8 @@ ul.pf-v6-c-list {
21641
22766
  .pf-v6-c-page__main-group,
21642
22767
  .pf-v6-c-page__main-subnav {
21643
22768
  display: flex;
21644
- flex-direction: column;
21645
22769
  flex-shrink: 0;
22770
+ flex-direction: column;
21646
22771
  }
21647
22772
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
21648
22773
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21834,6 +22959,7 @@ ul.pf-v6-c-list {
21834
22959
  flex-direction: column;
21835
22960
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
21836
22961
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
22962
+ margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
21837
22963
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21838
22964
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21839
22965
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -21885,8 +23011,8 @@ ul.pf-v6-c-list {
21885
23011
  .pf-v6-c-page__main-drawer,
21886
23012
  .pf-v6-c-page__main-group {
21887
23013
  display: flex;
21888
- flex-direction: column;
21889
23014
  flex-grow: 1;
23015
+ flex-direction: column;
21890
23016
  }
21891
23017
 
21892
23018
  .pf-v6-c-page__main {
@@ -23800,8 +24926,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23800
24926
  position: var(--pf-v6-c-sidebar__panel--Position);
23801
24927
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
23802
24928
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
23803
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23804
24929
  flex-shrink: 0;
24930
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23805
24931
  order: var(--pf-v6-c-sidebar__panel--Order);
23806
24932
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
23807
24933
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24098,7 +25224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24098
25224
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24099
25225
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24100
25226
  --pf-v6-c-skeleton--before--Height: auto;
24101
- --pf-v6-c-skeleton--before--Content: " ";
25227
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24102
25228
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24103
25229
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24104
25230
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24109,6 +25235,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24109
25235
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24110
25236
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24111
25237
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25238
+ }
25239
+ @media screen and (prefers-reduced-motion: no-preference) {
25240
+ .pf-v6-c-skeleton {
25241
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25242
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25243
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25244
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25245
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25246
+ }
25247
+ }
25248
+ .pf-v6-c-skeleton {
24112
25249
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24113
25250
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24114
25251
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -24136,15 +25273,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24136
25273
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24137
25274
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24138
25275
  }
24139
- @media screen and (prefers-reduced-motion: no-preference) {
24140
- .pf-v6-c-skeleton {
24141
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24142
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24143
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24144
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24145
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24146
- }
24147
- }
24148
25276
 
24149
25277
  .pf-v6-c-skeleton {
24150
25278
  position: relative;
@@ -24161,6 +25289,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24161
25289
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24162
25290
  content: var(--pf-v6-c-skeleton--before--Content);
24163
25291
  }
25292
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25293
+ scale: -1 1;
25294
+ }
25295
+
24164
25296
  .pf-v6-c-skeleton::after {
24165
25297
  position: absolute;
24166
25298
  inset: 0;
@@ -24170,10 +25302,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24170
25302
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24171
25303
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24172
25304
  }
24173
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24174
- scale: -1 1;
24175
- }
24176
-
24177
25305
  .pf-v6-c-skeleton.pf-m-circle {
24178
25306
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24179
25307
  }
@@ -24361,12 +25489,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24361
25489
 
24362
25490
  .pf-v6-c-slider {
24363
25491
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24364
- display: flex;
24365
25492
  }
24366
25493
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24367
25494
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24368
25495
  }
24369
25496
 
25497
+ .pf-v6-c-slider {
25498
+ display: flex;
25499
+ }
24370
25500
  .pf-v6-c-slider.pf-m-disabled {
24371
25501
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24372
25502
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24429,6 +25559,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24429
25559
 
24430
25560
  .pf-v6-c-slider__step-tick {
24431
25561
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25562
+ }
25563
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25564
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25565
+ }
25566
+
25567
+ .pf-v6-c-slider__step-tick {
24432
25568
  position: absolute;
24433
25569
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24434
25570
  inset-inline-start: 0;
@@ -24438,22 +25574,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24438
25574
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24439
25575
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24440
25576
  }
24441
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24442
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24443
- }
24444
25577
 
24445
25578
  .pf-v6-c-slider__step-label {
24446
25579
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
24447
- position: absolute;
24448
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
24449
- word-break: normal;
24450
25580
  }
24451
25581
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
24452
25582
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24453
25583
  }
24454
25584
 
25585
+ .pf-v6-c-slider__step-label {
25586
+ position: absolute;
25587
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25588
+ word-break: normal;
25589
+ }
25590
+
24455
25591
  .pf-v6-c-slider__thumb {
24456
25592
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25593
+ }
25594
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25595
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25596
+ }
25597
+
25598
+ .pf-v6-c-slider__thumb {
24457
25599
  position: absolute;
24458
25600
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
24459
25601
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -24465,12 +25607,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24465
25607
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
24466
25608
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
24467
25609
  }
24468
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
24469
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25610
+ .pf-v6-c-slider__thumb::before {
25611
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25612
+ }
25613
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25614
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24470
25615
  }
24471
25616
 
24472
25617
  .pf-v6-c-slider__thumb::before {
24473
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
24474
25618
  position: absolute;
24475
25619
  inset-block-start: 50%;
24476
25620
  inset-inline-start: 50%;
@@ -24479,10 +25623,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24479
25623
  content: "";
24480
25624
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
24481
25625
  }
24482
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
24483
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24484
- }
24485
-
24486
25626
  .pf-v6-c-slider__thumb:hover {
24487
25627
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
24488
25628
  }
@@ -24499,16 +25639,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24499
25639
  }
24500
25640
  .pf-v6-c-slider__value.pf-m-floating {
24501
25641
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25642
+ }
25643
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25644
+ 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));
25645
+ }
25646
+
25647
+ .pf-v6-c-slider__value.pf-m-floating {
24502
25648
  --pf-v6-c-slider__value--MarginInlineStart: 0;
24503
25649
  position: absolute;
24504
25650
  inset-block-start: 0;
24505
25651
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
24506
25652
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
24507
25653
  }
24508
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
24509
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
24510
- }
24511
-
24512
25654
  .pf-v6-c-slider__value .pf-v6-c-form-control {
24513
25655
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
24514
25656
  }
@@ -24686,12 +25828,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24686
25828
  }
24687
25829
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24688
25830
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
24689
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
24690
25831
  }
24691
25832
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24692
25833
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
24693
25834
  }
24694
25835
 
25836
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25837
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25838
+ }
24695
25839
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
24696
25840
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
24697
25841
  }
@@ -25176,7 +26320,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25176
26320
  --pf-v6-c-table--cell--Width: auto;
25177
26321
  }
25178
26322
 
25179
- @media screen and (max-width: calc(48rem - 1px)) {
26323
+ @container pf-v6-contain-table (max-width: 48rem) {
25180
26324
  .pf-m-grid-md.pf-v6-c-table {
25181
26325
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25182
26326
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25454,15 +26598,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25454
26598
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25455
26599
  text-align: end;
25456
26600
  }
25457
- }
25458
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
25459
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25460
- grid-row-start: 1;
25461
- grid-column-start: 2;
25462
- margin-inline-start: 0;
26601
+ @media screen and (max-width: 36rem) {
26602
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
26603
+ grid-row-start: 1;
26604
+ grid-column-start: 2;
26605
+ margin-inline-start: 0;
26606
+ }
25463
26607
  }
25464
- }
25465
- @media screen and (max-width: calc(48rem - 1px)) {
25466
26608
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25467
26609
  grid-column: 2;
25468
26610
  grid-row: 2;
@@ -25488,7 +26630,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25488
26630
  }
25489
26631
  }
25490
26632
 
25491
- @media screen and (max-width: calc(62rem - 1px)) {
26633
+ @container pf-v6-contain-table (max-width: 62rem) {
25492
26634
  .pf-m-grid-lg.pf-v6-c-table {
25493
26635
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25494
26636
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25766,15 +26908,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25766
26908
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25767
26909
  text-align: end;
25768
26910
  }
25769
- }
25770
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
25771
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25772
- grid-row-start: 1;
25773
- grid-column-start: 2;
25774
- margin-inline-start: 0;
26911
+ @media screen and (max-width: 36rem) {
26912
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
26913
+ grid-row-start: 1;
26914
+ grid-column-start: 2;
26915
+ margin-inline-start: 0;
26916
+ }
25775
26917
  }
25776
- }
25777
- @media screen and (max-width: calc(62rem - 1px)) {
25778
26918
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25779
26919
  grid-column: 2;
25780
26920
  grid-row: 2;
@@ -25800,7 +26940,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25800
26940
  }
25801
26941
  }
25802
26942
 
25803
- @media screen and (max-width: calc(75rem - 1px)) {
26943
+ @container pf-v6-contain-table (max-width: 75rem) {
25804
26944
  .pf-m-grid-xl.pf-v6-c-table {
25805
26945
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25806
26946
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26078,15 +27218,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26078
27218
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
26079
27219
  text-align: end;
26080
27220
  }
26081
- }
26082
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
26083
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
26084
- grid-row-start: 1;
26085
- grid-column-start: 2;
26086
- margin-inline-start: 0;
27221
+ @media screen and (max-width: 36rem) {
27222
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
27223
+ grid-row-start: 1;
27224
+ grid-column-start: 2;
27225
+ margin-inline-start: 0;
27226
+ }
26087
27227
  }
26088
- }
26089
- @media screen and (max-width: calc(75rem - 1px)) {
26090
27228
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26091
27229
  grid-column: 2;
26092
27230
  grid-row: 2;
@@ -26112,7 +27250,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26112
27250
  }
26113
27251
  }
26114
27252
 
26115
- @media screen and (max-width: calc(90.625rem - 1px)) {
27253
+ @container pf-v6-contain-table (max-width: 90.625rem) {
26116
27254
  .pf-m-grid-2xl.pf-v6-c-table {
26117
27255
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
26118
27256
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26390,15 +27528,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26390
27528
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26391
27529
  text-align: end;
26392
27530
  }
26393
- }
26394
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
26395
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26396
- grid-row-start: 1;
26397
- grid-column-start: 2;
26398
- margin-inline-start: 0;
27531
+ @media screen and (max-width: 36rem) {
27532
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
27533
+ grid-row-start: 1;
27534
+ grid-column-start: 2;
27535
+ margin-inline-start: 0;
27536
+ }
26399
27537
  }
26400
- }
26401
- @media screen and (max-width: calc(90.625rem - 1px)) {
26402
27538
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26403
27539
  grid-column: 2;
26404
27540
  grid-row: 2;
@@ -26513,6 +27649,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26513
27649
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
26514
27650
  --pf-v6-c-table__expandable-row--TranslateY: 0;
26515
27651
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27652
+ }
27653
+ @media screen and (prefers-reduced-motion: no-preference) {
27654
+ .pf-v6-c-table {
27655
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27656
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27657
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27658
+ }
27659
+ }
27660
+ .pf-v6-c-table {
26516
27661
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
26517
27662
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
26518
27663
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26581,13 +27726,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26581
27726
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
26582
27727
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
26583
27728
  }
26584
- @media screen and (prefers-reduced-motion: no-preference) {
26585
- .pf-v6-c-table {
26586
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
26587
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
26588
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
26589
- }
26590
- }
26591
27729
 
26592
27730
  .pf-v6-c-table {
26593
27731
  width: 100%;
@@ -26652,22 +27790,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26652
27790
  --pf-v6-hidden-visible--hidden--Display: none;
26653
27791
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26654
27792
  display: var(--pf-v6-hidden-visible--Display);
26655
- position: relative;
26656
- width: var(--pf-v6-c-table--cell--Width);
26657
- min-width: var(--pf-v6-c-table--cell--MinWidth);
26658
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
26659
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
26660
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
26661
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
26662
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
26663
- overflow: var(--pf-v6-c-table--cell--Overflow);
26664
- font-size: var(--pf-v6-c-table--cell--FontSize);
26665
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
26666
- line-height: var(--pf-v6-c-table--cell--LineHeight);
26667
- color: var(--pf-v6-c-table--cell--Color);
26668
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
26669
- word-break: var(--pf-v6-c-table--cell--WordBreak);
26670
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
26671
27793
  }
26672
27794
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
26673
27795
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -26712,6 +27834,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26712
27834
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26713
27835
  }
26714
27836
  }
27837
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27838
+ position: relative;
27839
+ width: var(--pf-v6-c-table--cell--Width);
27840
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27841
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27842
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27843
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27844
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27845
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27846
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27847
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27848
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27849
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27850
+ color: var(--pf-v6-c-table--cell--Color);
27851
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27852
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27853
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27854
+ }
26715
27855
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26716
27856
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
26717
27857
  }
@@ -27068,16 +28208,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27068
28208
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27069
28209
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27070
28210
  }
28211
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28212
+ scale: -1 1;
28213
+ }
28214
+
27071
28215
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27072
28216
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27073
28217
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27074
28218
  transition-property: transform;
27075
28219
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27076
28220
  }
27077
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27078
- scale: -1 1;
27079
- }
27080
-
27081
28221
  .pf-v6-c-table__toggle svg {
27082
28222
  pointer-events: none;
27083
28223
  }
@@ -27554,13 +28694,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27554
28694
  }
27555
28695
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27556
28696
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
27557
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
27558
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
27559
28697
  }
27560
28698
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27561
28699
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
27562
28700
  }
27563
28701
 
28702
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28703
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28704
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28705
+ }
27564
28706
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27565
28707
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
27566
28708
  }
@@ -28473,6 +29615,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28473
29615
  --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28474
29616
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28475
29617
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29618
+ --pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
29619
+ --pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29620
+ --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
28476
29621
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
28477
29622
  --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28478
29623
  --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -28607,8 +29752,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28607
29752
  }
28608
29753
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
28609
29754
  position: relative;
28610
- flex-direction: column;
28611
29755
  flex-grow: 1;
29756
+ flex-direction: column;
28612
29757
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
28613
29758
  }
28614
29759
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -28750,6 +29895,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28750
29895
  .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
28751
29896
  overflow: visible;
28752
29897
  }
29898
+ .pf-v6-c-tabs.pf-m-nav {
29899
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29900
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
29901
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
29902
+ }
29903
+ .pf-v6-c-tabs.pf-m-nav::before,
29904
+ .pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
29905
+ border: 0;
29906
+ }
29907
+ .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
29908
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
29909
+ }
28753
29910
 
28754
29911
  .pf-v6-c-tabs__toggle {
28755
29912
  display: var(--pf-v6-c-tabs__toggle--Display);
@@ -28761,15 +29918,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28761
29918
  white-space: normal;
28762
29919
  }
28763
29920
 
29921
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29922
+ scale: -1 1;
29923
+ }
29924
+
28764
29925
  .pf-v6-c-tabs__toggle-icon {
28765
29926
  display: inline-block;
28766
29927
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
28767
29928
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
28768
29929
  }
28769
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
28770
- scale: -1 1;
28771
- }
28772
29930
 
29931
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29932
+ display: none;
29933
+ }
28773
29934
  .pf-v6-c-tabs__list {
28774
29935
  scrollbar-width: none;
28775
29936
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28781,25 +29942,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28781
29942
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
28782
29943
  -webkit-overflow-scrolling: touch;
28783
29944
  }
28784
- .pf-v6-c-tabs__list::-webkit-scrollbar {
28785
- display: none;
28786
- }
28787
29945
 
28788
29946
  .pf-v6-c-tabs__item {
28789
29947
  position: relative;
28790
29948
  display: flex;
28791
29949
  flex: none;
28792
29950
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
28793
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28794
29951
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
28795
29952
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
28796
29953
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
28797
29954
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29955
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28798
29956
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
28799
29957
  }
28800
29958
  .pf-v6-c-tabs__item.pf-m-current {
28801
29959
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
28802
- --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
29960
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
28803
29961
  --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
28804
29962
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
28805
29963
  }
@@ -28847,6 +30005,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28847
30005
  border: 0;
28848
30006
  }
28849
30007
 
30008
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
30009
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
30010
+ }
30011
+
28850
30012
  .pf-v6-c-tabs__link {
28851
30013
  display: flex;
28852
30014
  flex: 1;
@@ -28864,10 +30026,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28864
30026
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
28865
30027
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
28866
30028
  }
28867
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
28868
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
28869
- }
28870
-
28871
30029
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
28872
30030
  pointer-events: none;
28873
30031
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -28922,6 +30080,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28922
30080
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
28923
30081
  }
28924
30082
 
30083
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
30084
+ scale: -1 1;
30085
+ }
30086
+
28925
30087
  .pf-v6-c-tabs__link-toggle-icon {
28926
30088
  align-self: end;
28927
30089
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -28929,9 +30091,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28929
30091
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
28930
30092
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
28931
30093
  }
28932
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
28933
- scale: -1 1;
28934
- }
28935
30094
 
28936
30095
  .pf-v6-c-tabs__item-action {
28937
30096
  display: flex;
@@ -29852,6 +31011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29852
31011
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29853
31012
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29854
31013
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
31014
+ --pf-v6-c-toolbar--m-vertical--Width: fit-content;
29855
31015
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29856
31016
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29857
31017
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29948,9 +31108,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29948
31108
  --pf-v6-hidden-visible--hidden--Display: none;
29949
31109
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29950
31110
  display: var(--pf-v6-hidden-visible--Display);
29951
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
29952
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
29953
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
29954
31111
  }
29955
31112
  .pf-v6-c-toolbar__content.pf-m-hidden {
29956
31113
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -29995,6 +31152,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29995
31152
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29996
31153
  }
29997
31154
  }
31155
+ .pf-v6-c-toolbar__content {
31156
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
31157
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31158
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31159
+ }
29998
31160
 
29999
31161
  .pf-v6-c-toolbar__content-section {
30000
31162
  flex-wrap: wrap;
@@ -30055,14 +31217,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30055
31217
  .pf-v6-c-toolbar.pf-m-no-background {
30056
31218
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
30057
31219
  }
31220
+ .pf-v6-c-toolbar.pf-m-vertical {
31221
+ --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
31222
+ --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
31223
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
31224
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
31225
+ }
31226
+ .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
31227
+ flex-direction: column;
31228
+ align-items: center;
31229
+ }
30058
31230
 
30059
31231
  .pf-v6-c-toolbar__item {
30060
31232
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30061
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30062
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30063
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30064
- width: var(--pf-v6-c-toolbar__item--Width--base);
30065
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30066
31233
  }
30067
31234
  @media (min-width: 36rem) {
30068
31235
  .pf-v6-c-toolbar__item {
@@ -30089,6 +31256,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30089
31256
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
30090
31257
  }
30091
31258
  }
31259
+ .pf-v6-c-toolbar__item {
31260
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31261
+ }
30092
31262
  @media (min-width: 36rem) {
30093
31263
  .pf-v6-c-toolbar__item {
30094
31264
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30114,6 +31284,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30114
31284
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
30115
31285
  }
30116
31286
  }
31287
+ .pf-v6-c-toolbar__item {
31288
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31289
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31290
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31291
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31292
+ }
30117
31293
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30118
31294
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30119
31295
  }
@@ -30134,6 +31310,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30134
31310
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
30135
31311
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
30136
31312
  }
31313
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
31314
+ row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
31315
+ }
30137
31316
  .pf-v6-c-toolbar__group.pf-m-filter-group {
30138
31317
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
30139
31318
  }
@@ -30145,9 +31324,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30145
31324
  .pf-v6-c-toolbar__group.pf-m-action-group {
30146
31325
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
30147
31326
  }
31327
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
31328
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
31329
+ }
30148
31330
  .pf-v6-c-toolbar__group.pf-m-action-group-plain {
30149
31331
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
30150
31332
  }
31333
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
31334
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
31335
+ }
30151
31336
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
30152
31337
  flex-wrap: wrap;
30153
31338
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
@@ -30224,7 +31409,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30224
31409
  }
30225
31410
  .pf-v6-c-toolbar__group.pf-m-align-end,
30226
31411
  .pf-v6-c-toolbar__item.pf-m-align-end {
30227
- margin-inline-start: auto;
31412
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31413
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30228
31414
  }
30229
31415
  .pf-v6-c-toolbar__group.pf-m-flex-grow,
30230
31416
  .pf-v6-c-toolbar__item.pf-m-flex-grow {
@@ -30479,7 +31665,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30479
31665
  }
30480
31666
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
30481
31667
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
30482
- margin-inline-start: auto;
31668
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31669
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30483
31670
  }
30484
31671
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
30485
31672
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
@@ -30731,7 +31918,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30731
31918
  }
30732
31919
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
30733
31920
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
30734
- margin-inline-start: auto;
31921
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31922
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30735
31923
  }
30736
31924
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
30737
31925
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
@@ -30983,7 +32171,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30983
32171
  }
30984
32172
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
30985
32173
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
30986
- margin-inline-start: auto;
32174
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32175
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30987
32176
  }
30988
32177
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
30989
32178
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
@@ -31235,7 +32424,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31235
32424
  }
31236
32425
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
31237
32426
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
31238
- margin-inline-start: auto;
32427
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32428
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31239
32429
  }
31240
32430
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
31241
32431
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
@@ -31487,7 +32677,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31487
32677
  }
31488
32678
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
31489
32679
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
31490
- margin-inline-start: auto;
32680
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32681
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31491
32682
  }
31492
32683
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
31493
32684
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
@@ -31972,6 +33163,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31972
33163
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
31973
33164
  --pf-v6-c-tree-view__list--TranslateY: 0;
31974
33165
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33166
+ }
33167
+ @media screen and (prefers-reduced-motion: no-preference) {
33168
+ .pf-v6-c-tree-view {
33169
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33170
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33171
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33172
+ }
33173
+ }
33174
+ .pf-v6-c-tree-view {
31975
33175
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
31976
33176
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
31977
33177
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32000,6 +33200,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32000
33200
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32001
33201
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32002
33202
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33203
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33204
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33205
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32003
33206
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32004
33207
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32005
33208
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32055,6 +33258,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32055
33258
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32056
33259
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32057
33260
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33261
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33262
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33263
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33264
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33265
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33266
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32058
33267
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32059
33268
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32060
33269
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -32064,13 +33273,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32064
33273
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32065
33274
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
32066
33275
  }
32067
- @media screen and (prefers-reduced-motion: no-preference) {
32068
- .pf-v6-c-tree-view {
32069
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32070
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32071
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32072
- }
32073
- }
32074
33276
 
32075
33277
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
32076
33278
  position: relative;
@@ -32151,11 +33353,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32151
33353
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32152
33354
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32153
33355
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33356
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32154
33357
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32155
33358
  }
32156
33359
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32157
33360
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32158
33361
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33362
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33363
+ }
33364
+ .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 {
33365
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32159
33366
  }
32160
33367
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32161
33368
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32180,6 +33387,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32180
33387
  }
32181
33388
  .pf-v6-c-tree-view.pf-m-no-background {
32182
33389
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33390
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33391
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33392
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33393
+ }
33394
+
33395
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33396
+ scale: -1 1;
32183
33397
  }
32184
33398
 
32185
33399
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32189,9 +33403,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32189
33403
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32190
33404
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32191
33405
  }
32192
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32193
- scale: -1 1;
32194
- }
32195
33406
 
32196
33407
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32197
33408
  max-height: 0;
@@ -32255,6 +33466,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32255
33466
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32256
33467
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32257
33468
  }
33469
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33470
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33471
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33472
+ --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);
33473
+ --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);
33474
+ }
32258
33475
 
32259
33476
  .pf-v6-c-tree-view__node-container {
32260
33477
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32297,6 +33514,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32297
33514
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32298
33515
  }
32299
33516
 
33517
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33518
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33519
+ }
33520
+
32300
33521
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32301
33522
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32302
33523
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32312,6 +33533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32312
33533
  white-space: nowrap;
32313
33534
  }
32314
33535
 
33536
+ label.pf-v6-c-tree-view__node-text {
33537
+ cursor: pointer;
33538
+ }
33539
+
32315
33540
  .pf-v6-c-tree-view__node-text {
32316
33541
  font-weight: inherit;
32317
33542
  color: inherit;
@@ -32319,9 +33544,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32319
33544
  background-color: transparent;
32320
33545
  border: 0;
32321
33546
  }
32322
- label.pf-v6-c-tree-view__node-text {
32323
- cursor: pointer;
32324
- }
32325
33547
 
32326
33548
  .pf-v6-c-tree-view__node-title {
32327
33549
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -32550,6 +33772,15 @@ label.pf-v6-c-tree-view__node-text {
32550
33772
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
32551
33773
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
32552
33774
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33775
+ }
33776
+ @media screen and (min-width: 62rem) {
33777
+ .pf-v6-c-wizard {
33778
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33779
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33780
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33781
+ }
33782
+ }
33783
+ .pf-v6-c-wizard {
32553
33784
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
32554
33785
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
32555
33786
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -32574,13 +33805,6 @@ label.pf-v6-c-tree-view__node-text {
32574
33805
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
32575
33806
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
32576
33807
  }
32577
- @media screen and (min-width: 62rem) {
32578
- .pf-v6-c-wizard {
32579
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32580
- --pf-v6-c-wizard__nav--BoxShadow: none;
32581
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32582
- }
32583
- }
32584
33808
 
32585
33809
  .pf-v6-c-wizard {
32586
33810
  position: relative;
@@ -32716,13 +33940,14 @@ label.pf-v6-c-tree-view__node-text {
32716
33940
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
32717
33941
  }
32718
33942
 
32719
- .pf-v6-c-wizard__toggle-separator {
32720
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
32721
- }
32722
33943
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
32723
33944
  scale: -1 1;
32724
33945
  }
32725
33946
 
33947
+ .pf-v6-c-wizard__toggle-separator {
33948
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33949
+ }
33950
+
32726
33951
  .pf-v6-c-wizard__toggle-icon {
32727
33952
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
32728
33953
  }
@@ -32730,8 +33955,8 @@ label.pf-v6-c-tree-view__node-text {
32730
33955
  .pf-v6-c-wizard__outer-wrap {
32731
33956
  position: relative;
32732
33957
  display: flex;
32733
- flex-direction: column;
32734
33958
  flex-grow: 1;
33959
+ flex-direction: column;
32735
33960
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
32736
33961
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
32737
33962
  }
@@ -32744,8 +33969,8 @@ label.pf-v6-c-tree-view__node-text {
32744
33969
  .pf-v6-c-wizard__inner-wrap {
32745
33970
  position: relative;
32746
33971
  display: flex;
32747
- flex-direction: column;
32748
33972
  flex-grow: 1;
33973
+ flex-direction: column;
32749
33974
  min-height: 0;
32750
33975
  }
32751
33976
  @media screen and (min-width: 62rem) {
@@ -32923,6 +34148,10 @@ label.pf-v6-c-tree-view__node-text {
32923
34148
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
32924
34149
  }
32925
34150
 
34151
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
34152
+ scale: -1 1;
34153
+ }
34154
+
32926
34155
  .pf-v6-c-wizard__nav-link-toggle-icon {
32927
34156
  display: inline-block;
32928
34157
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -32930,15 +34159,12 @@ label.pf-v6-c-tree-view__node-text {
32930
34159
  transition-property: transform;
32931
34160
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
32932
34161
  }
32933
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
32934
- scale: -1 1;
32935
- }
32936
34162
 
32937
34163
  .pf-v6-c-wizard__main {
32938
34164
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
32939
34165
  display: flex;
32940
- flex-direction: column;
32941
34166
  flex-grow: 1;
34167
+ flex-direction: column;
32942
34168
  overflow-x: hidden;
32943
34169
  overflow-y: auto;
32944
34170
  word-break: break-word;
@@ -35376,12 +36602,13 @@ label.pf-v6-c-tree-view__node-text {
35376
36602
  display: grid;
35377
36603
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35378
36604
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35379
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35380
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35381
36605
  }
35382
36606
  .pf-v6-l-gallery.pf-m-gutter {
35383
36607
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35384
36608
  }
36609
+ .pf-v6-l-gallery {
36610
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36611
+ }
35385
36612
  @media (min-width: 36rem) {
35386
36613
  .pf-v6-l-gallery {
35387
36614
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -35407,6 +36634,9 @@ label.pf-v6-c-tree-view__node-text {
35407
36634
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
35408
36635
  }
35409
36636
  }
36637
+ .pf-v6-l-gallery {
36638
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36639
+ }
35410
36640
  @media (min-width: 36rem) {
35411
36641
  .pf-v6-l-gallery {
35412
36642
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));