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

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 (336) 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-variables.css +345 -14
  15. package/base/patternfly-variables.scss +40 -0
  16. package/base/tokens/tokens-dark.scss +51 -3
  17. package/base/tokens/tokens-default.scss +67 -13
  18. package/base/tokens/tokens-glass-dark.scss +9 -0
  19. package/base/tokens/tokens-glass.scss +9 -0
  20. package/base/tokens/tokens-local.scss +16 -0
  21. package/base/tokens/tokens-palette.scss +3 -1
  22. package/base/tokens/tokens-redhat-dark.scss +14 -0
  23. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  24. package/base/tokens/tokens-redhat-glass.scss +15 -0
  25. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  26. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  27. package/base/tokens/tokens-redhat.scss +15 -0
  28. package/components/AboutModalBox/about-modal-box.css +36 -26
  29. package/components/Accordion/accordion.css +16 -13
  30. package/components/Accordion/accordion.scss +0 -1
  31. package/components/ActionList/action-list.css +2 -0
  32. package/components/ActionList/action-list.scss +2 -0
  33. package/components/Alert/alert.css +5 -4
  34. package/components/Avatar/avatar.css +12 -4
  35. package/components/BackgroundImage/background-image.css +6 -3
  36. package/components/Banner/banner.css +8 -6
  37. package/components/Brand/brand.css +3 -1
  38. package/components/Breadcrumb/breadcrumb.css +4 -3
  39. package/components/Button/button.css +39 -9
  40. package/components/Button/button.scss +40 -4
  41. package/components/CalendarMonth/calendar-month.css +4 -3
  42. package/components/Card/card.css +19 -6
  43. package/components/Card/card.scss +15 -1
  44. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  45. package/components/CodeEditor/code-editor.css +1 -1
  46. package/components/CodeEditor/code-editor.scss +1 -1
  47. package/components/Compass/compass.css +320 -0
  48. package/components/Compass/compass.scss +349 -0
  49. package/components/DataList/data-list.css +33 -22
  50. package/components/DataList/data-list.scss +6 -1
  51. package/components/DescriptionList/description-list-order.scss +5 -1
  52. package/components/DescriptionList/description-list.css +7 -5
  53. package/components/DescriptionList/description-list.scss +5 -1
  54. package/components/Divider/divider.css +7 -5
  55. package/components/Drawer/drawer.css +110 -56
  56. package/components/Drawer/drawer.scss +69 -9
  57. package/components/DualListSelector/dual-list-selector.css +17 -11
  58. package/components/ExpandableSection/expandable-section.css +19 -14
  59. package/components/ExpandableSection/expandable-section.scss +4 -1
  60. package/components/Form/form.css +1 -1
  61. package/components/Form/form.scss +1 -1
  62. package/components/FormControl/form-control.css +1 -1
  63. package/components/FormControl/form-control.scss +1 -1
  64. package/components/Hero/hero.css +74 -0
  65. package/components/Hero/hero.scss +86 -0
  66. package/components/JumpLinks/jump-links.css +4 -3
  67. package/components/JumpLinks/jump-links.scss +5 -1
  68. package/components/Label/label-group.css +2 -2
  69. package/components/Label/label-group.scss +2 -2
  70. package/components/Label/label.css +4 -3
  71. package/components/Login/login.css +51 -37
  72. package/components/Masthead/masthead.css +70 -16
  73. package/components/Masthead/masthead.scss +54 -1
  74. package/components/Menu/menu.css +23 -14
  75. package/components/MenuToggle/menu-toggle.css +4 -0
  76. package/components/MenuToggle/menu-toggle.scss +5 -0
  77. package/components/ModalBox/modal-box.css +9 -7
  78. package/components/ModalBox/modal-box.scss +2 -2
  79. package/components/Nav/nav.css +72 -9
  80. package/components/Nav/nav.scss +75 -3
  81. package/components/NotificationDrawer/notification-drawer.css +8 -6
  82. package/components/NotificationDrawer/notification-drawer.scss +2 -0
  83. package/components/Page/page.css +55 -29
  84. package/components/Page/page.scss +44 -5
  85. package/components/Pagination/pagination.scss +5 -1
  86. package/components/ProgressStepper/progress-stepper.scss +5 -1
  87. package/components/Sidebar/sidebar.css +1 -1
  88. package/components/Sidebar/sidebar.scss +7 -3
  89. package/components/Skeleton/skeleton.css +16 -15
  90. package/components/Slider/slider.css +32 -18
  91. package/components/Switch/switch.css +3 -1
  92. package/components/Table/table-grid.css +28 -36
  93. package/components/Table/table-grid.scss +4 -4
  94. package/components/Table/table-tree-view.css +4 -2
  95. package/components/Table/table.css +31 -27
  96. package/components/Tabs/tabs.css +33 -16
  97. package/components/Tabs/tabs.scss +33 -5
  98. package/components/Toolbar/toolbar.css +46 -14
  99. package/components/Toolbar/toolbar.scss +33 -5
  100. package/components/TreeView/tree-view.css +44 -13
  101. package/components/TreeView/tree-view.scss +31 -0
  102. package/components/Wizard/wizard.css +20 -16
  103. package/components/Wizard/wizard.scss +3 -3
  104. package/components/_index.css +1460 -633
  105. package/components/_index.scss +3 -1
  106. package/docs/components/Avatar/examples/Avatar.md +4 -4
  107. package/docs/components/Brand/examples/Brand.md +2 -2
  108. package/docs/components/Button/examples/Button.md +116 -0
  109. package/docs/components/Card/examples/Card.md +154 -0
  110. package/docs/components/Compass/examples/Compass.css +17 -0
  111. package/docs/components/Compass/examples/Compass.md +118 -0
  112. package/docs/components/DataList/examples/DataList.md +184 -188
  113. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  114. package/docs/components/Divider/examples/Divider.md +2 -2
  115. package/docs/components/Drawer/examples/Drawer.md +83 -17
  116. package/docs/components/Hero/examples/Hero.md +25 -0
  117. package/docs/components/Icon/examples/Icon.md +1 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  119. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  120. package/docs/components/Masthead/examples/masthead.md +68 -1
  121. package/docs/components/Menu/examples/Menu.md +2 -2
  122. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  123. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  124. package/docs/components/Nav/examples/Navigation.md +44 -0
  125. package/docs/components/Page/examples/Page.md +39 -2
  126. package/docs/components/Pagination/examples/Pagination.md +3 -3
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  128. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  129. package/docs/components/Table/examples/Table.md +4 -3
  130. package/docs/components/Tabs/examples/Tabs.md +998 -83
  131. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  132. package/docs/components/TreeView/examples/TreeView.md +38 -26
  133. package/docs/components/Wizard/examples/Wizard.md +15 -15
  134. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  135. package/docs/demos/Alert/examples/Alert.md +15 -15
  136. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  137. package/docs/demos/Banner/examples/Banner.md +10 -10
  138. package/docs/demos/Card/examples/Card.md +14 -2
  139. package/docs/demos/CardView/examples/CardView.md +5 -5
  140. package/docs/demos/Compass/examples/Compass.md +6470 -0
  141. package/docs/demos/Dashboard/examples/Dashboard.md +6 -9
  142. package/docs/demos/DataList/examples/DataList.md +20 -23
  143. package/docs/demos/DescriptionList/examples/DescriptionList.md +57 -50
  144. package/docs/demos/Drawer/examples/Drawer.md +67 -60
  145. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  146. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  147. package/docs/demos/Modal/examples/Modal.md +30 -33
  148. package/docs/demos/Nav/examples/Nav.md +299 -62
  149. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  150. package/docs/demos/Page/examples/Page.md +70 -79
  151. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +178 -200
  152. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  153. package/docs/demos/Table/examples/Table.md +1922 -78
  154. package/docs/demos/Tabs/examples/Tabs.md +102 -39
  155. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  156. package/docs/demos/Wizard/examples/Wizard.md +76 -82
  157. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  158. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  159. package/docs/layouts/Flex/examples/Flex.css +3 -3
  160. package/docs/layouts/Flex/examples/Flex.md +3 -2
  161. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  162. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  163. package/docs/layouts/Grid/examples/Grid.css +1 -1
  164. package/docs/layouts/Grid/examples/Grid.md +6 -5
  165. package/docs/layouts/Level/examples/Level.css +3 -3
  166. package/docs/layouts/Level/examples/Level.md +2 -1
  167. package/docs/layouts/Split/examples/Split.css +1 -1
  168. package/docs/layouts/Split/examples/Split.md +2 -1
  169. package/docs/layouts/Stack/examples/Stack.css +3 -3
  170. package/docs/layouts/Stack/examples/Stack.md +2 -1
  171. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  172. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  173. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  174. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  175. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  176. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  177. package/docs/utilities/Display/examples/Display.css +1 -1
  178. package/docs/utilities/Display/examples/Display.md +3 -2
  179. package/docs/utilities/Flex/examples/Flex.css +7 -7
  180. package/docs/utilities/Flex/examples/Flex.md +3 -2
  181. package/docs/utilities/Float/examples/Float.css +2 -2
  182. package/docs/utilities/Float/examples/Float.md +3 -2
  183. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  184. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  185. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  186. package/docs/utilities/Text/examples/Text.md +5 -4
  187. package/icons/PfIcons/add-circle-o.svg +4 -0
  188. package/icons/PfIcons/ansible-tower.svg +4 -0
  189. package/icons/PfIcons/applications.svg +4 -0
  190. package/icons/PfIcons/arrow.svg +4 -0
  191. package/icons/PfIcons/asleep.svg +4 -0
  192. package/icons/PfIcons/attention-bell.svg +4 -0
  193. package/icons/PfIcons/automation.svg +4 -0
  194. package/icons/PfIcons/bell.svg +4 -0
  195. package/icons/PfIcons/blueprint.svg +4 -0
  196. package/icons/PfIcons/build.svg +4 -0
  197. package/icons/PfIcons/builder-image.svg +4 -0
  198. package/icons/PfIcons/bundle.svg +4 -0
  199. package/icons/PfIcons/catalog.svg +4 -0
  200. package/icons/PfIcons/chat.svg +4 -0
  201. package/icons/PfIcons/close.svg +4 -0
  202. package/icons/PfIcons/cloud-security.svg +4 -0
  203. package/icons/PfIcons/cloud-tenant.svg +4 -0
  204. package/icons/PfIcons/cluster.svg +4 -0
  205. package/icons/PfIcons/connected.svg +4 -0
  206. package/icons/PfIcons/container-node.svg +4 -0
  207. package/icons/PfIcons/cpu.svg +4 -0
  208. package/icons/PfIcons/critical-risk.svg +4 -0
  209. package/icons/PfIcons/data-processor.svg +4 -0
  210. package/icons/PfIcons/data-sink.svg +4 -0
  211. package/icons/PfIcons/data-source.svg +4 -0
  212. package/icons/PfIcons/degraded.svg +4 -0
  213. package/icons/PfIcons/disconnected.svg +4 -0
  214. package/icons/PfIcons/domain.svg +4 -0
  215. package/icons/PfIcons/edit.svg +4 -0
  216. package/icons/PfIcons/enhancement.svg +4 -0
  217. package/icons/PfIcons/enterprise.svg +4 -0
  218. package/icons/PfIcons/equalizer.svg +4 -0
  219. package/icons/PfIcons/error-circle-o.svg +4 -0
  220. package/icons/PfIcons/export.svg +4 -0
  221. package/icons/PfIcons/filter.svg +4 -0
  222. package/icons/PfIcons/flavor.svg +4 -0
  223. package/icons/PfIcons/folder-close.svg +4 -0
  224. package/icons/PfIcons/folder-open.svg +4 -0
  225. package/icons/PfIcons/globe-route.svg +4 -0
  226. package/icons/PfIcons/help.svg +4 -0
  227. package/icons/PfIcons/history.svg +4 -0
  228. package/icons/PfIcons/home.svg +4 -0
  229. package/icons/PfIcons/import.svg +4 -0
  230. package/icons/PfIcons/in-progress.svg +4 -0
  231. package/icons/PfIcons/info.svg +4 -0
  232. package/icons/PfIcons/infrastructure.svg +4 -0
  233. package/icons/PfIcons/integration.svg +4 -0
  234. package/icons/PfIcons/key.svg +4 -0
  235. package/icons/PfIcons/locked.svg +4 -0
  236. package/icons/PfIcons/maintenance.svg +4 -0
  237. package/icons/PfIcons/memory.svg +4 -0
  238. package/icons/PfIcons/messages.svg +4 -0
  239. package/icons/PfIcons/middleware.svg +4 -0
  240. package/icons/PfIcons/migration.svg +4 -0
  241. package/icons/PfIcons/module.svg +4 -0
  242. package/icons/PfIcons/monitoring.svg +4 -0
  243. package/icons/PfIcons/multicluster.svg +4 -0
  244. package/icons/PfIcons/namespaces.svg +4 -0
  245. package/icons/PfIcons/network.svg +4 -0
  246. package/icons/PfIcons/new-process.svg +4 -0
  247. package/icons/PfIcons/not-started.svg +4 -0
  248. package/icons/PfIcons/off.svg +4 -0
  249. package/icons/PfIcons/ok.svg +4 -0
  250. package/icons/PfIcons/on-running.svg +4 -0
  251. package/icons/PfIcons/on.svg +4 -0
  252. package/icons/PfIcons/open-drawer-right.svg +4 -0
  253. package/icons/PfIcons/openshift.svg +4 -0
  254. package/icons/PfIcons/openstack.svg +4 -0
  255. package/icons/PfIcons/optimize.svg +4 -0
  256. package/icons/PfIcons/orders.svg +4 -0
  257. package/icons/PfIcons/os-image.svg +4 -0
  258. package/icons/PfIcons/package.svg +4 -0
  259. package/icons/PfIcons/panel-close.svg +4 -0
  260. package/icons/PfIcons/panel-open.svg +4 -0
  261. package/icons/PfIcons/paused.svg +4 -0
  262. package/icons/PfIcons/pending.svg +4 -0
  263. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  264. package/icons/PfIcons/pficon-history.svg +4 -0
  265. package/icons/PfIcons/pficon-network-range.svg +4 -0
  266. package/icons/PfIcons/pficon-satellite.svg +4 -0
  267. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  268. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  269. package/icons/PfIcons/pficon-template.svg +4 -0
  270. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  271. package/icons/PfIcons/plugged.svg +4 -0
  272. package/icons/PfIcons/port.svg +4 -0
  273. package/icons/PfIcons/print.svg +4 -0
  274. package/icons/PfIcons/private.svg +4 -0
  275. package/icons/PfIcons/process-automation.svg +4 -0
  276. package/icons/PfIcons/project.svg +4 -0
  277. package/icons/PfIcons/rebalance.svg +4 -0
  278. package/icons/PfIcons/rebooting.svg +4 -0
  279. package/icons/PfIcons/regions.svg +4 -0
  280. package/icons/PfIcons/registry.svg +4 -0
  281. package/icons/PfIcons/remove2.svg +4 -0
  282. package/icons/PfIcons/replicator.svg +4 -0
  283. package/icons/PfIcons/repository.svg +4 -0
  284. package/icons/PfIcons/resource-pool.svg +4 -0
  285. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  286. package/icons/PfIcons/resources-almost-full.svg +4 -0
  287. package/icons/PfIcons/resources-empty.svg +4 -0
  288. package/icons/PfIcons/resources-full.svg +4 -0
  289. package/icons/PfIcons/running.svg +4 -0
  290. package/icons/PfIcons/save.svg +4 -0
  291. package/icons/PfIcons/screen.svg +4 -0
  292. package/icons/PfIcons/security.svg +4 -0
  293. package/icons/PfIcons/server-group.svg +4 -0
  294. package/icons/PfIcons/server.svg +4 -0
  295. package/icons/PfIcons/service-catalog.svg +4 -0
  296. package/icons/PfIcons/service.svg +4 -0
  297. package/icons/PfIcons/services.svg +4 -0
  298. package/icons/PfIcons/severity-critical.svg +4 -0
  299. package/icons/PfIcons/severity-important.svg +4 -0
  300. package/icons/PfIcons/severity-minor.svg +4 -0
  301. package/icons/PfIcons/severity-moderate.svg +4 -0
  302. package/icons/PfIcons/severity-none.svg +4 -0
  303. package/icons/PfIcons/severity-undefined.svg +4 -0
  304. package/icons/PfIcons/spinner.svg +4 -0
  305. package/icons/PfIcons/spinner2.svg +4 -0
  306. package/icons/PfIcons/storage-domain.svg +4 -0
  307. package/icons/PfIcons/task.svg +4 -0
  308. package/icons/PfIcons/tenant.svg +4 -0
  309. package/icons/PfIcons/thumb-tack.svg +4 -0
  310. package/icons/PfIcons/topology.svg +4 -0
  311. package/icons/PfIcons/treeview.svg +4 -0
  312. package/icons/PfIcons/trend-down.svg +4 -0
  313. package/icons/PfIcons/trend-up.svg +4 -0
  314. package/icons/PfIcons/unknown.svg +4 -0
  315. package/icons/PfIcons/unlocked.svg +4 -0
  316. package/icons/PfIcons/unplugged.svg +4 -0
  317. package/icons/PfIcons/user.svg +4 -0
  318. package/icons/PfIcons/users.svg +4 -0
  319. package/icons/PfIcons/virtual-machine.svg +4 -0
  320. package/icons/PfIcons/volume.svg +4 -0
  321. package/icons/PfIcons/warning-triangle.svg +4 -0
  322. package/icons/PfIcons/zone.svg +4 -0
  323. package/layouts/Flex/flex.scss +83 -19
  324. package/layouts/Gallery/gallery.css +6 -2
  325. package/layouts/_index.css +6 -2
  326. package/package.json +34 -16
  327. package/patternfly-base-no-globals.css +395 -14
  328. package/patternfly-base.css +402 -14
  329. package/patternfly-charts.css +3 -3
  330. package/patternfly-no-globals.css +1785 -573
  331. package/patternfly.css +1792 -573
  332. package/patternfly.min.css +1 -1
  333. package/patternfly.min.css.map +1 -1
  334. package/sass-utilities/functions.scss +32 -25
  335. package/sass-utilities/mixins.scss +36 -20
  336. package/sass-utilities/namespaces-components.scss +6 -0
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-screen-reader {
3
2
  position: fixed;
4
3
  inset-block-start: 0;
@@ -56,11 +55,61 @@
56
55
  --pf-t--global--duration--200: 1ms !important;
57
56
  --pf-t--global--duration--100: 1ms !important;
58
57
  --pf-t--global--duration--50: 1ms !important;
58
+ --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
59
59
  }
60
60
 
61
+ .pf-v6-m-ai-indicator {
62
+ position: relative;
63
+ }
64
+ .pf-v6-m-ai-indicator::before {
65
+ position: absolute;
66
+ inset: 0;
67
+ pointer-events: none;
68
+ content: "";
69
+ background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
70
+ border: var(--pf-t--global--border--width--extra-strong) solid transparent;
71
+ border-radius: inherit;
72
+ mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
73
+ mask-composite: exclude;
74
+ }
75
+
76
+ @property --pf-v6-global--thinking--BoxShadow--Spread {
77
+ syntax: "<length>";
78
+ initial-value: 0;
79
+ inherits: false;
80
+ }
81
+ .pf-v6-m-thinking {
82
+ box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
83
+ animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
84
+ }
85
+ .pf-v6-m-thinking.pf-m-inset {
86
+ box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
87
+ }
88
+
89
+ @keyframes pf-v6-global-thinking {
90
+ 50% {
91
+ --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
92
+ }
93
+ }
61
94
  :root {
62
95
  --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
63
96
  --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
97
+ --pf-v6-global--thinking--BoxShadow--Spread: 0px;
98
+ --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
99
+ --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
100
+ --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
101
+ --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
102
+ --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
103
+ --pf-v6-global--thinking-active--Animation--Duration: 0;
104
+ }
105
+ @media screen and (prefers-reduced-motion: no-preference) {
106
+ :root {
107
+ --pf-v6-global--thinking-active--Animation--Duration: 2s;
108
+ }
109
+ }
110
+ :root {
111
+ container-type: inline-size;
112
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
64
113
  }
65
114
 
66
115
  @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -6269,6 +6318,7 @@
6269
6318
  --pf-t--color--gray--20: #e0e0e0;
6270
6319
  --pf-t--color--gray--30: #c7c7c7;
6271
6320
  --pf-t--color--gray--40: #a3a3a3;
6321
+ --pf-t--color--gray--45: #8c8c8c;
6272
6322
  --pf-t--color--gray--50: #707070;
6273
6323
  --pf-t--color--gray--60: #4d4d4d;
6274
6324
  --pf-t--color--gray--70: #383838;
@@ -6299,6 +6349,7 @@
6299
6349
  --pf-t--color--purple--60: #3d2785;
6300
6350
  --pf-t--color--purple--70: #21134d;
6301
6351
  --pf-t--color--purple--80: #1b0d33;
6352
+ --pf-t--color--red--05: #fef0f0;
6302
6353
  --pf-t--color--red--10: #fce3e3;
6303
6354
  --pf-t--color--red--20: #fbc5c5;
6304
6355
  --pf-t--color--red--30: #f9a8a8;
@@ -6332,9 +6383,14 @@
6332
6383
  --pf-t--color--yellow--60: #96640f;
6333
6384
  --pf-t--color--yellow--70: #73480b;
6334
6385
  --pf-t--color--yellow--80: #54330b;
6335
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6386
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6336
6387
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6388
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6337
6389
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6390
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
6391
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
6392
+ --pf-t--global--background--opacity--glass--floating: 100%;
6393
+ --pf-t--global--background--opacity--glass--primary: 100%;
6338
6394
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6339
6395
  --pf-t--global--border--radius--0: 0px;
6340
6396
  --pf-t--global--border--radius--100: 4px;
@@ -6362,12 +6418,12 @@
6362
6418
  --pf-t--global--box-shadow--X--700: 10px;
6363
6419
  --pf-t--global--box-shadow--X--800: 20px;
6364
6420
  --pf-t--global--box-shadow--Y--100: -10px;
6365
- --pf-t--global--box-shadow--Y--200: -4px;
6421
+ --pf-t--global--box-shadow--Y--200: -2px;
6366
6422
  --pf-t--global--box-shadow--Y--300: -1px;
6367
6423
  --pf-t--global--box-shadow--Y--400: 0px;
6368
6424
  --pf-t--global--box-shadow--Y--50: -20px;
6369
6425
  --pf-t--global--box-shadow--Y--500: 1px;
6370
- --pf-t--global--box-shadow--Y--600: 4px;
6426
+ --pf-t--global--box-shadow--Y--600: 2px;
6371
6427
  --pf-t--global--box-shadow--Y--700: 10px;
6372
6428
  --pf-t--global--box-shadow--Y--800: 20px;
6373
6429
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6438,6 +6494,7 @@
6438
6494
  --pf-t--global--spacer--800: 5rem;
6439
6495
  --pf-t--global--text-decoration--line--100: none;
6440
6496
  --pf-t--global--text-decoration--line--200: underline;
6497
+ --pf-t--global--text-decoration--offset--hover: 5;
6441
6498
  --pf-t--global--text-decoration--style--100: solid;
6442
6499
  --pf-t--global--text-decoration--style--200: dashed;
6443
6500
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6459,12 +6516,14 @@
6459
6516
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6460
6517
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6461
6518
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6519
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6520
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6462
6521
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6463
6522
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6464
6523
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6465
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6524
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6466
6525
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6467
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6526
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6468
6527
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6469
6528
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6470
6529
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6474,9 +6533,9 @@
6474
6533
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6475
6534
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6476
6535
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6477
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6536
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6478
6537
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6479
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6538
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6480
6539
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6481
6540
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6482
6541
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6550,9 +6609,17 @@
6550
6609
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6551
6610
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6552
6611
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6612
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6613
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6614
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6615
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6616
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6617
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6618
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6619
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6553
6620
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6554
6621
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6555
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6622
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6556
6623
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6557
6624
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6558
6625
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6618,7 +6685,7 @@
6618
6685
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6619
6686
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6620
6687
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6621
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6688
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6622
6689
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6623
6690
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6624
6691
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6703,8 +6770,8 @@
6703
6770
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6704
6771
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6705
6772
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6706
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6707
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6773
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6774
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6708
6775
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6709
6776
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6710
6777
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6729,8 +6796,12 @@
6729
6796
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6730
6797
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6731
6798
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6799
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6800
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6801
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6732
6802
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6733
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6803
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6804
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6734
6805
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6735
6806
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6736
6807
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6765,9 +6836,17 @@
6765
6836
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6766
6837
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6767
6838
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6839
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6840
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6841
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
6842
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
6843
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6768
6844
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6769
6845
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6770
6846
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
6847
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
6848
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
6849
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6771
6850
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6772
6851
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6773
6852
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -6898,7 +6977,10 @@
6898
6977
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
6899
6978
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
6900
6979
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
6980
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
6901
6981
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
6982
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
6983
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
6902
6984
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
6903
6985
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6904
6986
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -6916,6 +6998,9 @@
6916
6998
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
6917
6999
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
6918
7000
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
7001
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7002
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7003
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
6919
7004
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
6920
7005
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
6921
7006
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -6956,9 +7041,15 @@
6956
7041
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
6957
7042
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
6958
7043
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7044
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7045
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7046
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
6959
7047
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
6960
7048
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
6961
7049
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7050
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7051
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7052
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
6962
7053
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
6963
7054
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
6964
7055
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7031,9 +7122,15 @@
7031
7122
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7032
7123
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7033
7124
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7125
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7126
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7127
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7034
7128
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7035
7129
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7036
7130
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7131
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7132
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7133
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7037
7134
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7038
7135
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7039
7136
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7068,7 +7165,20 @@
7068
7165
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7069
7166
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7070
7167
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7168
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7169
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7170
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7171
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7172
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7071
7173
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7174
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7175
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7176
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7177
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7178
+ --pf-t--global--text-decoration--color--hover: currentcolor;
7179
+ --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
7180
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
7181
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
7072
7182
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
7073
7183
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
7074
7184
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7174,18 +7284,27 @@
7174
7284
  var(--pf-t--global--box-shadow--color--lg--directional);
7175
7285
  --pf-t--global--list-style: disc outside;
7176
7286
  --pf-t--temp--dev--tbd: #BC11E0;
7287
+ --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 );
7288
+ --pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
7177
7289
  }
7178
7290
 
7179
7291
  :root:where(.pf-v6-theme-dark) {
7180
7292
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7293
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
7294
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
7295
+ --pf-t--global--background--opacity--glass--floating: 100%;
7296
+ --pf-t--global--background--opacity--glass--primary: 100%;
7181
7297
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7182
7298
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7183
7299
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7300
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7184
7301
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7185
7302
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7186
7303
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7187
7304
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7188
7305
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7306
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7307
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7189
7308
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7190
7309
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7191
7310
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7203,10 +7322,18 @@
7203
7322
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7204
7323
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7205
7324
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7206
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7325
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7207
7326
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7208
7327
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7209
7328
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7329
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7330
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7331
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7332
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7333
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7334
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7335
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7336
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7210
7337
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7211
7338
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7212
7339
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7294,9 +7421,13 @@
7294
7421
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7295
7422
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7296
7423
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7424
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7425
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7426
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7297
7427
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7428
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7298
7429
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7299
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7430
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7300
7431
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7301
7432
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7302
7433
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7327,9 +7458,13 @@
7327
7458
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7328
7459
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7329
7460
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7461
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7330
7462
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7331
7463
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7332
7464
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7465
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7466
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7467
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7333
7468
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7334
7469
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7335
7470
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7406,6 +7541,8 @@
7406
7541
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7407
7542
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7408
7543
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7544
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7545
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7409
7546
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7410
7547
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7411
7548
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7426,6 +7563,9 @@
7426
7563
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7427
7564
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7428
7565
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7566
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7567
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7568
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7429
7569
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7430
7570
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7431
7571
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7464,9 +7604,15 @@
7464
7604
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7465
7605
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7466
7606
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7607
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7608
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7609
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7467
7610
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7468
7611
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7469
7612
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7613
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7614
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7615
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7470
7616
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7471
7617
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7472
7618
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7530,9 +7676,15 @@
7530
7676
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7531
7677
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7532
7678
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7679
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7680
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7681
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7533
7682
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7534
7683
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7535
7684
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7685
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7686
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7687
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7536
7688
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7537
7689
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7538
7690
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7567,6 +7719,14 @@
7567
7719
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7568
7720
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7569
7721
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7722
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7723
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7724
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7725
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7726
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7727
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7728
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7729
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7570
7730
  }
7571
7731
 
7572
7732
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8662,6 +8822,226 @@
8662
8822
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8663
8823
  }
8664
8824
 
8825
+ :root:where(.pf-v6-theme-glass) {
8826
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8827
+ --pf-t--global--background--opacity--glass--primary: 80%;
8828
+ }
8829
+
8830
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8831
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8832
+ --pf-t--global--background--opacity--glass--primary: 80%;
8833
+ }
8834
+
8835
+ :root:where(.pf-v6-theme-redhat) {
8836
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8837
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8838
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8839
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8840
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8841
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8842
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8843
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8844
+ }
8845
+
8846
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
8847
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8848
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8849
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8850
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8851
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8852
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
8853
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
8854
+ }
8855
+
8856
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
8857
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8858
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
8859
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
8860
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
8861
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
8862
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
8863
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8864
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8865
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8866
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
8867
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
8868
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
8869
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
8870
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
8871
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
8872
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
8873
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
8874
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
8875
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
8876
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
8877
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
8878
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
8879
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
8880
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
8881
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
8882
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
8883
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
8884
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
8885
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
8886
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
8887
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
8888
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
8889
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
8890
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
8891
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
8892
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
8893
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
8894
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
8895
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
8896
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
8897
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
8898
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
8899
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8900
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8901
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8902
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8903
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8904
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
8905
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8906
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8907
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
8908
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
8909
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
8910
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
8911
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
8912
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
8913
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
8914
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
8915
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
8916
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
8917
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
8918
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
8919
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
8920
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
8921
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
8922
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8923
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8924
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8925
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8926
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8927
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8928
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8929
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8930
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8931
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8932
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8933
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8934
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8935
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8936
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8937
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8938
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
8939
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
8940
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
8941
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8942
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8943
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8944
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8945
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8946
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8947
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8948
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8949
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8950
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8951
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8952
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8953
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
8954
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
8955
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
8956
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8957
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8958
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8959
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8960
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8961
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8962
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8963
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8964
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8965
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8966
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8967
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8968
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8969
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8970
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
8971
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
8972
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
8973
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
8974
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
8975
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
8976
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8977
+ }
8978
+
8979
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
8980
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8981
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8982
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8983
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
8984
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
8985
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
8986
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
8987
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
8988
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
8989
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
8990
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8991
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8992
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8993
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
8994
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
8995
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
8996
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
8997
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
8998
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
8999
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9000
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9001
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9002
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9003
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9004
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9005
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9006
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9007
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9008
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9009
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9010
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9011
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9012
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9013
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9014
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9015
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9016
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9017
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9018
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9019
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9020
+ }
9021
+
9022
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9023
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9024
+ --pf-t--global--background--opacity--glass--primary: 80%;
9025
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9026
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9027
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9028
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9029
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9030
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9031
+ }
9032
+
9033
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9034
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
9035
+ --pf-t--global--background--opacity--glass--primary: 80%;
9036
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9037
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9038
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9039
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9040
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9041
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9042
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9043
+ }
9044
+
8665
9045
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8666
9046
  --pf-v6-global--inverse--multiplier: -1;
8667
9047
  }
@@ -8685,31 +9065,6 @@
8685
9065
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8686
9066
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8687
9067
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8688
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8689
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8690
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8691
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8692
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8693
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8694
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8695
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8696
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8697
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8698
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8699
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8700
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8701
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8702
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8703
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8704
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8705
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8706
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8707
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8708
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8709
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8710
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8711
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8712
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8713
9068
  }
8714
9069
  @media screen and (min-width: 36rem) {
8715
9070
  .pf-v6-c-about-modal-box {
@@ -8718,6 +9073,14 @@
8718
9073
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8719
9074
  }
8720
9075
  }
9076
+ .pf-v6-c-about-modal-box {
9077
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9078
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9079
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9080
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9081
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9082
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9083
+ }
8721
9084
  @media only screen and (min-width: 36rem) {
8722
9085
  .pf-v6-c-about-modal-box {
8723
9086
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8728,17 +9091,42 @@
8728
9091
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8729
9092
  }
8730
9093
  }
9094
+ .pf-v6-c-about-modal-box {
9095
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9096
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9097
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9098
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9099
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9100
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9101
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9102
+ }
8731
9103
  @media only screen and (min-width: 36rem) {
8732
9104
  .pf-v6-c-about-modal-box {
8733
9105
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8734
9106
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8735
9107
  }
8736
9108
  }
9109
+ .pf-v6-c-about-modal-box {
9110
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9111
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9112
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9113
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9114
+ }
8737
9115
  @media only screen and (min-width: 36rem) {
8738
9116
  .pf-v6-c-about-modal-box {
8739
9117
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8740
9118
  }
8741
9119
  }
9120
+ .pf-v6-c-about-modal-box {
9121
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9122
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9123
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9124
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9125
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9126
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9127
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9128
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9129
+ }
8742
9130
  @media only screen and (min-width: 36rem) {
8743
9131
  .pf-v6-c-about-modal-box {
8744
9132
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8762,7 +9150,6 @@
8762
9150
  background-repeat: no-repeat;
8763
9151
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8764
9152
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8765
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8766
9153
  }
8767
9154
  @media only screen and (min-width: 36rem) {
8768
9155
  .pf-v6-c-about-modal-box {
@@ -8778,6 +9165,9 @@
8778
9165
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8779
9166
  }
8780
9167
  }
9168
+ .pf-v6-c-about-modal-box {
9169
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9170
+ }
8781
9171
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8782
9172
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8783
9173
  }
@@ -8918,6 +9308,18 @@
8918
9308
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
8919
9309
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
8920
9310
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9311
+ }
9312
+ @media screen and (prefers-reduced-motion: no-preference) {
9313
+ .pf-v6-c-accordion {
9314
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9315
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9316
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9317
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9318
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9319
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9320
+ }
9321
+ }
9322
+ .pf-v6-c-accordion {
8921
9323
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8922
9324
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8923
9325
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -8943,16 +9345,6 @@
8943
9345
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
8944
9346
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8945
9347
  }
8946
- @media screen and (prefers-reduced-motion: no-preference) {
8947
- .pf-v6-c-accordion {
8948
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8949
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8950
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
8951
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
8952
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
8953
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
8954
- }
8955
- }
8956
9348
 
8957
9349
  .pf-v6-c-accordion {
8958
9350
  display: flex;
@@ -9063,13 +9455,14 @@
9063
9455
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9064
9456
  }
9065
9457
 
9458
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9459
+ scale: -1 1;
9460
+ }
9461
+
9066
9462
  .pf-v6-c-accordion__toggle-icon {
9067
9463
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9068
9464
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9069
9465
  }
9070
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9071
- scale: -1 1;
9072
- }
9073
9466
 
9074
9467
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9075
9468
  display: revert;
@@ -9114,6 +9507,7 @@
9114
9507
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
9115
9508
  --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
9116
9509
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9510
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
9117
9511
  }
9118
9512
 
9119
9513
  .pf-v6-c-action-list,
@@ -9128,6 +9522,7 @@
9128
9522
  }
9129
9523
  .pf-v6-c-action-list.pf-m-icons {
9130
9524
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9525
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
9131
9526
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
9132
9527
  }
9133
9528
  .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
@@ -9287,14 +9682,15 @@
9287
9682
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9288
9683
  }
9289
9684
 
9685
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9686
+ scale: -1 1;
9687
+ }
9688
+
9290
9689
  .pf-v6-c-alert__toggle-icon {
9291
9690
  display: inline-block;
9292
9691
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9293
9692
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9294
9693
  }
9295
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9296
- scale: -1 1;
9297
- }
9298
9694
 
9299
9695
  .pf-v6-c-alert__icon {
9300
9696
  grid-area: icon;
@@ -9311,9 +9707,9 @@
9311
9707
  }
9312
9708
  .pf-v6-c-alert__title.pf-m-truncate {
9313
9709
  display: -webkit-box;
9710
+ overflow: hidden;
9314
9711
  -webkit-box-orient: vertical;
9315
9712
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9316
- overflow: hidden;
9317
9713
  }
9318
9714
 
9319
9715
  .pf-v6-c-alert__description {
@@ -9550,7 +9946,6 @@
9550
9946
  }
9551
9947
  .pf-v6-c-avatar.pf-m-sm {
9552
9948
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9553
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9554
9949
  }
9555
9950
  @media (min-width: 36rem) {
9556
9951
  .pf-v6-c-avatar.pf-m-sm {
@@ -9577,6 +9972,9 @@
9577
9972
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9578
9973
  }
9579
9974
  }
9975
+ .pf-v6-c-avatar.pf-m-sm {
9976
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9977
+ }
9580
9978
  @media (min-width: 36rem) {
9581
9979
  .pf-v6-c-avatar.pf-m-sm {
9582
9980
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9604,7 +10002,6 @@
9604
10002
  }
9605
10003
  .pf-v6-c-avatar.pf-m-md {
9606
10004
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9607
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9608
10005
  }
9609
10006
  @media (min-width: 36rem) {
9610
10007
  .pf-v6-c-avatar.pf-m-md {
@@ -9631,6 +10028,9 @@
9631
10028
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9632
10029
  }
9633
10030
  }
10031
+ .pf-v6-c-avatar.pf-m-md {
10032
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10033
+ }
9634
10034
  @media (min-width: 36rem) {
9635
10035
  .pf-v6-c-avatar.pf-m-md {
9636
10036
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9658,7 +10058,6 @@
9658
10058
  }
9659
10059
  .pf-v6-c-avatar.pf-m-lg {
9660
10060
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9661
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9662
10061
  }
9663
10062
  @media (min-width: 36rem) {
9664
10063
  .pf-v6-c-avatar.pf-m-lg {
@@ -9685,6 +10084,9 @@
9685
10084
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9686
10085
  }
9687
10086
  }
10087
+ .pf-v6-c-avatar.pf-m-lg {
10088
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10089
+ }
9688
10090
  @media (min-width: 36rem) {
9689
10091
  .pf-v6-c-avatar.pf-m-lg {
9690
10092
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9712,7 +10114,6 @@
9712
10114
  }
9713
10115
  .pf-v6-c-avatar.pf-m-xl {
9714
10116
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9715
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9716
10117
  }
9717
10118
  @media (min-width: 36rem) {
9718
10119
  .pf-v6-c-avatar.pf-m-xl {
@@ -9739,6 +10140,9 @@
9739
10140
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9740
10141
  }
9741
10142
  }
10143
+ .pf-v6-c-avatar.pf-m-xl {
10144
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10145
+ }
9742
10146
  @media (min-width: 36rem) {
9743
10147
  .pf-v6-c-avatar.pf-m-xl {
9744
10148
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9796,6 +10200,12 @@
9796
10200
 
9797
10201
  .pf-v6-c-background-image {
9798
10202
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10203
+ }
10204
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10205
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10206
+ }
10207
+
10208
+ .pf-v6-c-background-image {
9799
10209
  position: fixed;
9800
10210
  inset-block-start: 0;
9801
10211
  inset-inline-start: 0;
@@ -9808,9 +10218,6 @@
9808
10218
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9809
10219
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9810
10220
  }
9811
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9812
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9813
- }
9814
10221
 
9815
10222
  .pf-v6-c-back-to-top {
9816
10223
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -9928,6 +10335,14 @@
9928
10335
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
9929
10336
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
9930
10337
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10338
+ }
10339
+ @media (min-width: 48rem) {
10340
+ .pf-v6-c-banner {
10341
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10342
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10343
+ }
10344
+ }
10345
+ .pf-v6-c-banner {
9931
10346
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
9932
10347
  --pf-v6-c-banner--link--TextDecoration: underline;
9933
10348
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -9961,12 +10376,6 @@
9961
10376
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
9962
10377
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
9963
10378
  }
9964
- @media (min-width: 48rem) {
9965
- .pf-v6-c-banner {
9966
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
9967
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
9968
- }
9969
- }
9970
10379
 
9971
10380
  .pf-v6-c-banner {
9972
10381
  flex-shrink: 0;
@@ -10069,7 +10478,6 @@
10069
10478
  width: var(--pf-v6-c-brand--Width--base);
10070
10479
  height: var(--pf-v6-c-brand--Height--base);
10071
10480
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10072
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10073
10481
  }
10074
10482
  @media (min-width: 36rem) {
10075
10483
  .pf-v6-c-brand {
@@ -10096,6 +10504,9 @@
10096
10504
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10097
10505
  }
10098
10506
  }
10507
+ .pf-v6-c-brand {
10508
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10509
+ }
10099
10510
  @media (min-width: 36rem) {
10100
10511
  .pf-v6-c-brand {
10101
10512
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10176,15 +10587,16 @@
10176
10587
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10177
10588
  }
10178
10589
 
10590
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10591
+ scale: -1 1;
10592
+ }
10593
+
10179
10594
  .pf-v6-c-breadcrumb__item-divider {
10180
10595
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10181
10596
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10182
10597
  line-height: 1;
10183
10598
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10184
10599
  }
10185
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10186
- scale: -1 1;
10187
- }
10188
10600
 
10189
10601
  .pf-v6-c-breadcrumb__link {
10190
10602
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10350,10 +10762,17 @@ button.pf-v6-c-breadcrumb__link {
10350
10762
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
10351
10763
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
10352
10764
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
10765
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10353
10766
  --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10354
10767
  --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10768
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10769
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10355
10770
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10356
10771
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10772
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10773
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
10774
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
10775
+ --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
10357
10776
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
10358
10777
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
10359
10778
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -10363,10 +10782,8 @@ button.pf-v6-c-breadcrumb__link {
10363
10782
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
10364
10783
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
10365
10784
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
10366
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
10367
10785
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
10368
10786
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
10369
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
10370
10787
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10371
10788
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10372
10789
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -10552,6 +10969,14 @@ button.pf-v6-c-breadcrumb__link {
10552
10969
  --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
10553
10970
  --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
10554
10971
  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
10972
+ --pf-v6-c-button--m-circle--ScaleX: 1.29;
10973
+ --pf-v6-c-button--m-circle--ScaleY: 1.29;
10974
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
10975
+ --pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
10976
+ --pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
10977
+ --pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
10978
+ --pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
10979
+ --pf-v6-c-button--m-circle--PaddingInlineStart: 0;
10555
10980
  }
10556
10981
 
10557
10982
  .pf-v6-c-button {
@@ -10673,6 +11098,12 @@ button.pf-v6-c-breadcrumb__link {
10673
11098
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10674
11099
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10675
11100
  }
11101
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11102
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11103
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11104
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11105
+ }
11106
+
10676
11107
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10677
11108
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10678
11109
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10683,12 +11114,13 @@ button.pf-v6-c-breadcrumb__link {
10683
11114
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
10684
11115
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
10685
11116
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
11117
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
11118
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
11119
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
10686
11120
  --pf-v6-c-button--BackgroundColor: transparent;
10687
11121
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
10688
11122
  --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
10689
11123
  --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
10690
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
10691
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10692
11124
  --pf-v6-c-button--hover--BackgroundColor: transparent;
10693
11125
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10694
11126
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -10697,6 +11129,8 @@ button.pf-v6-c-breadcrumb__link {
10697
11129
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
10698
11130
  --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
10699
11131
  --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
11132
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11133
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
10700
11134
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
10701
11135
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
10702
11136
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
@@ -10704,16 +11138,14 @@ button.pf-v6-c-breadcrumb__link {
10704
11138
  --pf-v6-c-button--hover--BorderWidth: 0;
10705
11139
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
10706
11140
  text-align: start;
11141
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
10707
11142
  white-space: normal;
10708
11143
  background: transparent;
10709
11144
  outline-offset: 0.125rem;
10710
11145
  }
10711
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10712
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10713
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10714
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11146
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11147
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10715
11148
  }
10716
-
10717
11149
  .pf-v6-c-button.pf-m-link.pf-m-danger {
10718
11150
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
10719
11151
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -10919,6 +11351,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10919
11351
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
10920
11352
  --pf-v6-c-button--hover__icon--ScaleX: 1;
10921
11353
  }
11354
+ .pf-v6-c-button.pf-m-circle {
11355
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
11356
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
11357
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
11358
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
11359
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
11360
+ }
11361
+ .pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
11362
+ scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
11363
+ }
10922
11364
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
10923
11365
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
10924
11366
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -11173,13 +11615,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11173
11615
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11174
11616
  }
11175
11617
 
11618
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11619
+ scale: -1 1;
11620
+ }
11621
+
11176
11622
  .pf-v6-c-calendar-month__header-nav-control {
11177
11623
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11178
11624
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11179
11625
  }
11180
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11181
- scale: -1 1;
11182
- }
11183
11626
 
11184
11627
  .pf-v6-c-calendar-month__header-month {
11185
11628
  flex-grow: 1;
@@ -11456,6 +11899,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11456
11899
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11457
11900
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11458
11901
  }
11902
+ .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) {
11903
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
11904
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
11905
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
11906
+ }
11907
+
11459
11908
  .pf-v6-c-card.pf-m-compact {
11460
11909
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11461
11910
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
@@ -11523,12 +11972,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11523
11972
  flex-wrap: wrap;
11524
11973
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11525
11974
  }
11526
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11527
- margin-inline-start: 0;
11528
- }
11529
11975
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11530
11976
  margin-inline-end: auto;
11531
11977
  }
11978
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11979
+ margin-inline-start: 0;
11980
+ }
11532
11981
 
11533
11982
  .pf-v6-c-card__header-main {
11534
11983
  flex-grow: 1;
@@ -11542,15 +11991,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11542
11991
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11543
11992
  }
11544
11993
 
11994
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11995
+ scale: -1 1;
11996
+ }
11997
+
11545
11998
  .pf-v6-c-card__header-toggle-icon {
11546
11999
  display: inline-block;
11547
12000
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11548
12001
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11549
12002
  transition-property: transform;
11550
12003
  }
11551
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11552
- scale: -1 1;
11553
- }
11554
12004
 
11555
12005
  .pf-v6-c-card__title-text {
11556
12006
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11561,6 +12011,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11561
12011
  overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
11562
12012
  }
11563
12013
 
12014
+ .pf-v6-c-card__subtitle {
12015
+ padding-block-start: var(--pf-t--global--spacer--sm);
12016
+ font-size: var(--pf-t--global--font--size--body--sm);
12017
+ color: var(--pf-t--global--text--color--subtle);
12018
+ }
12019
+
11564
12020
  .pf-v6-c-card__actions {
11565
12021
  display: flex;
11566
12022
  gap: var(--pf-v6-c-card__actions--Gap);
@@ -11810,13 +12266,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11810
12266
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11811
12267
  }
11812
12268
 
11813
- .pf-v6-c-clipboard-copy__toggle-icon {
11814
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11815
- }
11816
12269
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11817
12270
  scale: -1 1;
11818
12271
  }
11819
12272
 
12273
+ .pf-v6-c-clipboard-copy__toggle-icon {
12274
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12275
+ }
12276
+
11820
12277
  .pf-v6-c-clipboard-copy__expandable-content {
11821
12278
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11822
12279
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -11987,8 +12444,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11987
12444
 
11988
12445
  .pf-v6-c-code-editor__container {
11989
12446
  display: flex;
11990
- flex-direction: column;
11991
12447
  flex-grow: 1;
12448
+ flex-direction: column;
11992
12449
  }
11993
12450
 
11994
12451
  .pf-v6-c-code-editor__header {
@@ -12130,6 +12587,326 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12130
12587
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
12131
12588
  }
12132
12589
 
12590
+ .pf-v6-c-compass {
12591
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--light);
12592
+ --pf-v6-c-compass--BackgroundImage--light: none;
12593
+ --pf-v6-c-compass--BackgroundImage--dark: none;
12594
+ --pf-v6-c-compass--Padding: var(--pf-t--global--spacer--inset--page-chrome);
12595
+ --pf-v6-c-compass--Gap: var(--pf-t--global--spacer--inset--page-chrome);
12596
+ --pf-v6-c-compass__nav--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12597
+ --pf-v6-c-compass__nav--PaddingBlockStart: 0;
12598
+ --pf-v6-c-compass__nav--PaddingBlockEnd: 0;
12599
+ --pf-v6-c-compass__nav--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12600
+ --pf-v6-c-compass__nav--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12601
+ --pf-v6-c-compass__nav-main--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12602
+ --pf-v6-c-compass__nav-main--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12603
+ --pf-v6-c-compass__sidebar--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12604
+ --pf-v6-c-compass__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12605
+ --pf-v6-c-compass__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12606
+ --pf-v6-c-compass__sidebar--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12607
+ --pf-v6-c-compass__main--RowGap: var(--pf-t--global--spacer--md);
12608
+ --pf-v6-c-compass__main-header-content--RowGap: var(--pf-t--global--spacer--sm);
12609
+ --pf-v6-c-compass__main-header-content--ColumnGap: var(--pf-t--global--spacer--md);
12610
+ --pf-v6-c-compass__main-footer--MarginBlockStart: calc(var(--pf-v6-c-compass__main--RowGap) * -1 + var(--pf-v6-c-compass--Gap));
12611
+ --pf-v6-c-compass__panel--m-pill--BorderRadius: var(--pf-t--global--border--radius--pill);
12612
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
12613
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
12614
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
12615
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
12616
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
12617
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
12618
+ --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
12619
+ --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
12620
+ --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
12621
+ --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
12622
+ --pf-v6-c-compass__message-bar--Width: 450px;
12623
+ --pf-v6-c-compass__message-bar--MinWidth: 300px;
12624
+ --pf-v6-c-compass__message-bar--MaxWidth: 600px;
12625
+ --pf-v6-c-compass--section--slide--length--header: 100%;
12626
+ --pf-v6-c-compass--section--slide--length--sidebar: 100%;
12627
+ --pf-v6-c-compass--section--slide--length--main-footer: 100%;
12628
+ --pf-v6-c-compass--section--slide--length--footer: 100%;
12629
+ --pf-v6-c-compass--section--duration: var(--pf-t--global--motion--duration--fade--short);
12630
+ --pf-v6-c-compass--section--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12631
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s, 0s, 0s;
12632
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12633
+ --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);
12634
+ --pf-v6-c-compass--section--m-expanded--duration: var(--pf-t--global--motion--duration--fade--default);
12635
+ --pf-v6-c-compass--section--m-expanded--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--duration), 0s, 0s, 0s, 0s, 0s;
12636
+ --pf-v6-c-compass--section--m-expanded--TransitionDelay: 0s;
12637
+ }
12638
+ @media screen and (prefers-reduced-motion: no-preference) {
12639
+ .pf-v6-c-compass {
12640
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--duration), 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12641
+ --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);
12642
+ --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;
12643
+ }
12644
+ .pf-v6-c-compass.pf-m-animate-smoothly {
12645
+ --pf-v6-c-compass--section--TransitionProperty: opacity, visibility, translate, height, width, margin;
12646
+ --pf-v6-c-compass--section--slide--length--header: 10rem;
12647
+ --pf-v6-c-compass--section--slide--length--sidebar: var(--pf-t--global--spacer--4xl);
12648
+ --pf-v6-c-compass--section--slide--length--main-footer: 6rem;
12649
+ --pf-v6-c-compass--section--slide--length--footer: 6rem;
12650
+ --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);
12651
+ --pf-v6-c-compass--section--TransitionDelay: 0s, var(--pf-v6-c-compass--section--duration), 0s, 0s, 0s;
12652
+ --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);
12653
+ }
12654
+ }
12655
+
12656
+ .pf-v6-c-compass {
12657
+ interpolate-size: allow-keywords;
12658
+ display: grid;
12659
+ grid-template-areas: "header header header" "sidebar-start main sidebar-end";
12660
+ grid-template-rows: auto 1fr;
12661
+ grid-template-columns: auto 1fr auto;
12662
+ grid-auto-rows: auto;
12663
+ align-items: center;
12664
+ justify-content: center;
12665
+ height: 100dvh;
12666
+ padding: var(--pf-v6-c-compass--Padding);
12667
+ overflow: hidden;
12668
+ background-image: var(--pf-v6-c-compass--BackgroundImage);
12669
+ background-size: cover;
12670
+ }
12671
+ .pf-v6-c-compass.pf-m-dock {
12672
+ grid-template-areas: "dock main";
12673
+ grid-template-rows: auto;
12674
+ grid-template-columns: auto 1fr;
12675
+ align-items: stretch;
12676
+ padding: 0;
12677
+ }
12678
+ .pf-v6-c-compass.pf-m-dock .pf-v6-c-compass__main {
12679
+ padding: var(--pf-v6-c-compass--Padding);
12680
+ }
12681
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
12682
+ --pf-v6-c-compass--BackgroundImage: var(--pf-v6-c-compass--BackgroundImage--dark);
12683
+ }
12684
+ .pf-v6-c-compass__panel.pf-m-no-glass, .pf-v6-c-compass.pf-m-no-glass {
12685
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12686
+ }
12687
+
12688
+ .pf-v6-c-compass__header,
12689
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
12690
+ .pf-v6-c-compass__main-footer,
12691
+ .pf-v6-c-compass__footer {
12692
+ margin: 0;
12693
+ visibility: hidden;
12694
+ opacity: 0;
12695
+ transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
12696
+ transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
12697
+ transition-duration: var(--pf-v6-c-compass--section--TransitionDuration);
12698
+ transition-property: var(--pf-v6-c-compass--section--TransitionProperty);
12699
+ }
12700
+ .pf-v6-c-compass__header.pf-m-expanded,
12701
+ .pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end).pf-m-expanded,
12702
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12703
+ .pf-v6-c-compass__footer.pf-m-expanded {
12704
+ --pf-v6-c-compass--section--TransitionDelay: var(--pf-v6-c-compass--section--m-expanded--TransitionDelay);
12705
+ --pf-v6-c-compass--section--TransitionDuration: var(--pf-v6-c-compass--section--m-expanded--TransitionDuration);
12706
+ visibility: visible;
12707
+ opacity: 1;
12708
+ translate: 0;
12709
+ }
12710
+
12711
+ .pf-v6-c-compass__header,
12712
+ .pf-v6-c-compass__main-footer,
12713
+ .pf-v6-c-compass__footer {
12714
+ height: 0;
12715
+ }
12716
+ .pf-v6-c-compass__header.pf-m-expanded,
12717
+ .pf-v6-c-compass__main-footer.pf-m-expanded,
12718
+ .pf-v6-c-compass__footer.pf-m-expanded {
12719
+ height: auto;
12720
+ }
12721
+
12722
+ .pf-v6-c-compass__header {
12723
+ display: grid;
12724
+ grid-area: header;
12725
+ grid-template-columns: 1fr auto 1fr;
12726
+ align-items: start;
12727
+ translate: 0 calc(var(--pf-v6-c-compass--section--slide--length--header) * -1);
12728
+ }
12729
+ .pf-v6-c-compass__header.pf-m-expanded {
12730
+ margin-block-end: var(--pf-v6-c-compass--Gap);
12731
+ }
12732
+
12733
+ .pf-v6-c-compass__profile {
12734
+ justify-self: end;
12735
+ }
12736
+ .pf-v6-c-compass__profile .pf-v6-c-menu-toggle.pf-m-plain {
12737
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
12738
+ }
12739
+
12740
+ .pf-v6-c-compass__nav {
12741
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__nav--PaddingBlockStart);
12742
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__nav--PaddingBlockEnd);
12743
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__nav--PaddingInlineStart);
12744
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__nav--PaddingInlineEnd);
12745
+ display: flex;
12746
+ flex-direction: column;
12747
+ gap: var(--pf-v6-c-compass__nav--RowGap);
12748
+ align-items: center;
12749
+ justify-self: stretch;
12750
+ }
12751
+
12752
+ .pf-v6-c-compass__nav-content {
12753
+ display: flex;
12754
+ align-items: center;
12755
+ }
12756
+
12757
+ .pf-v6-c-compass__nav-main {
12758
+ padding-inline-start: var(--pf-v6-c-compass__nav-main--PaddingInlineStart);
12759
+ padding-inline-end: var(--pf-v6-c-compass__nav-main--PaddingInlineEnd);
12760
+ }
12761
+
12762
+ .pf-v6-c-compass__sidebar {
12763
+ --pf-v6-c-compass__panel--PaddingBlockStart: var(--pf-v6-c-compass__sidebar--PaddingBlockStart);
12764
+ --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-v6-c-compass__sidebar--PaddingBlockEnd);
12765
+ --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-v6-c-compass__sidebar--PaddingInlineStart);
12766
+ --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-v6-c-compass__sidebar--PaddingInlineEnd);
12767
+ display: flex;
12768
+ width: 0;
12769
+ }
12770
+ .pf-v6-c-compass__sidebar.pf-m-expanded {
12771
+ width: auto;
12772
+ }
12773
+ .pf-v6-c-compass__sidebar.pf-m-start {
12774
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12775
+ }
12776
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12777
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12778
+ }
12779
+
12780
+ .pf-v6-c-compass__sidebar.pf-m-start {
12781
+ grid-area: sidebar-start;
12782
+ }
12783
+ .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12784
+ margin-inline-end: var(--pf-v6-c-compass--Gap);
12785
+ }
12786
+ .pf-v6-c-compass__sidebar.pf-m-end {
12787
+ translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12788
+ }
12789
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12790
+ translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12791
+ }
12792
+
12793
+ .pf-v6-c-compass__sidebar.pf-m-end {
12794
+ grid-area: sidebar-end;
12795
+ }
12796
+ .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12797
+ margin-inline-start: var(--pf-v6-c-compass--Gap);
12798
+ }
12799
+
12800
+ .pf-v6-c-compass__main {
12801
+ display: flex;
12802
+ flex-direction: column;
12803
+ grid-area: main;
12804
+ gap: var(--pf-v6-c-compass__main--RowGap);
12805
+ align-self: stretch;
12806
+ min-height: 0;
12807
+ }
12808
+
12809
+ .pf-v6-c-compass__main-header-content {
12810
+ display: flex;
12811
+ gap: var(--pf-v6-c-compass__main-header-content--RowGap) var(--pf-v6-c-compass__main-header-content--ColumnGap);
12812
+ }
12813
+
12814
+ .pf-v6-c-compass__main-header-title {
12815
+ flex-grow: 1;
12816
+ }
12817
+
12818
+ .pf-v6-c-compass__content {
12819
+ display: flex;
12820
+ flex: 1 0 0;
12821
+ flex-direction: column;
12822
+ min-height: 0;
12823
+ overflow: auto;
12824
+ }
12825
+ .pf-v6-c-compass__content > *:last-child {
12826
+ flex-grow: 1;
12827
+ max-height: 100%;
12828
+ }
12829
+
12830
+ .pf-v6-c-compass__main-footer {
12831
+ display: flex;
12832
+ justify-content: center;
12833
+ min-height: 0;
12834
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12835
+ }
12836
+ .pf-v6-c-compass__main-footer.pf-m-expanded {
12837
+ margin-block-start: var(--pf-v6-c-compass__main-footer--MarginBlockStart);
12838
+ }
12839
+
12840
+ .pf-v6-c-compass__footer {
12841
+ display: flex;
12842
+ grid-column: 1/-1;
12843
+ justify-content: center;
12844
+ translate: 0 var(--pf-v6-c-compass--section--slide--length--main-footer);
12845
+ }
12846
+ .pf-v6-c-compass__footer.pf-m-expanded {
12847
+ margin-block-start: var(--pf-v6-c-compass--Gap);
12848
+ }
12849
+
12850
+ .pf-v6-c-compass__message-bar {
12851
+ width: var(--pf-v6-c-compass__message-bar--Width);
12852
+ min-width: var(--pf-v6-c-compass__message-bar--MinWidth);
12853
+ max-width: var(--pf-v6-c-compass__message-bar--MaxWidth);
12854
+ }
12855
+
12856
+ .pf-v6-c-compass__panel {
12857
+ padding-block-start: var(--pf-v6-c-compass__panel--PaddingBlockStart);
12858
+ padding-block-end: var(--pf-v6-c-compass__panel--PaddingBlockEnd);
12859
+ padding-inline-start: var(--pf-v6-c-compass__panel--PaddingInlineStart);
12860
+ padding-inline-end: var(--pf-v6-c-compass__panel--PaddingInlineEnd);
12861
+ background-color: var(--pf-v6-c-compass__panel--BackgroundColor);
12862
+ backdrop-filter: var(--pf-v6-c-compass__panel--BackdropFilter);
12863
+ border: var(--pf-v6-c-compass__panel--BorderWidth) solid var(--pf-v6-c-compass__panel--BorderColor);
12864
+ border-radius: var(--pf-v6-c-compass__panel--BorderRadius);
12865
+ box-shadow: var(--pf-v6-c-compass__panel--BoxShadow);
12866
+ }
12867
+ .pf-v6-c-compass__panel.pf-m-no-border {
12868
+ border-width: 0;
12869
+ }
12870
+ .pf-v6-c-compass__panel.pf-m-no-padding {
12871
+ padding: 0;
12872
+ }
12873
+ .pf-v6-c-compass__panel.pf-m-full-height {
12874
+ height: 100%;
12875
+ }
12876
+ .pf-v6-c-compass__panel.pf-m-pill {
12877
+ border-radius: var(--pf-v6-c-compass__panel--m-pill--BorderRadius);
12878
+ }
12879
+ .pf-v6-c-compass__panel.pf-m-scrollable {
12880
+ overflow: auto;
12881
+ }
12882
+
12883
+ /* stylelint-disable */
12884
+ @media (max-width: 1200px) {
12885
+ .pf-v6-c-compass * {
12886
+ display: none;
12887
+ }
12888
+ .pf-v6-c-compass {
12889
+ position: relative;
12890
+ display: grid;
12891
+ grid-template-columns: auto;
12892
+ grid-template-rows: auto;
12893
+ place-content: center;
12894
+ gap: 0;
12895
+ }
12896
+ .pf-v6-c-compass::after {
12897
+ padding: 1em;
12898
+ border-radius: var(--pf-t--global--border--radius--large);
12899
+ background: var(--pf-t--global--background--color--primary--default);
12900
+ content: "This page is optimized for wide screens.\a\aPlease view on a larger display and/or make your browser window wider.";
12901
+ width: 80%;
12902
+ width: 300px;
12903
+ border: 1px solid var(--pf-t--global--border--color--default);
12904
+ box-shadow: var(--pf-t--global--box-shadow--md);
12905
+ white-space: pre-wrap;
12906
+ text-align: center;
12907
+ }
12908
+ }
12909
+ /* stylelint-enable */
12133
12910
  :root {
12134
12911
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
12135
12912
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12824,7 +13601,16 @@ ul) {
12824
13601
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
12825
13602
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12826
13603
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
12827
- --pf-v6-c-data-list__item--BackgroundColor: var( --pf-t--global--background--color--primary--default);
13604
+ }
13605
+ @media screen and (min-width: 36rem) {
13606
+ .pf-v6-c-data-list {
13607
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13608
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13609
+ }
13610
+ }
13611
+ .pf-v6-c-data-list {
13612
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13613
+ --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
12828
13614
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
12829
13615
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
12830
13616
  --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -12832,6 +13618,14 @@ ul) {
12832
13618
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
12833
13619
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12834
13620
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13621
+ }
13622
+ @media screen and (min-width: 36rem) {
13623
+ .pf-v6-c-data-list {
13624
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13625
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13626
+ }
13627
+ }
13628
+ .pf-v6-c-data-list {
12835
13629
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12836
13630
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
12837
13631
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -12927,18 +13721,6 @@ ul) {
12927
13721
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12928
13722
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12929
13723
  }
12930
- @media screen and (min-width: 36rem) {
12931
- .pf-v6-c-data-list {
12932
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
12933
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
12934
- }
12935
- }
12936
- @media screen and (min-width: 36rem) {
12937
- .pf-v6-c-data-list {
12938
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
12939
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
12940
- }
12941
- }
12942
13724
 
12943
13725
  .pf-v6-c-data-list {
12944
13726
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -12979,6 +13761,9 @@ ul) {
12979
13761
  .pf-v6-c-data-list.pf-m-drag-over {
12980
13762
  overflow-anchor: none;
12981
13763
  }
13764
+ .pf-v6-c-data-list.pf-m-plain {
13765
+ --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13766
+ }
12982
13767
 
12983
13768
  .pf-v6-c-data-list.pf-m-truncate,
12984
13769
  .pf-v6-c-data-list__item-row.pf-m-truncate,
@@ -13098,12 +13883,6 @@ ul) {
13098
13883
  --pf-v6-hidden-visible--hidden--Display: none;
13099
13884
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13100
13885
  display: var(--pf-v6-hidden-visible--Display);
13101
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13102
- align-content: flex-start;
13103
- align-items: flex-start;
13104
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13105
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13106
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13107
13886
  }
13108
13887
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13109
13888
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13148,6 +13927,14 @@ ul) {
13148
13927
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13149
13928
  }
13150
13929
  }
13930
+ .pf-v6-c-data-list__item-action {
13931
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
13932
+ align-content: flex-start;
13933
+ align-items: flex-start;
13934
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13935
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13936
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13937
+ }
13151
13938
 
13152
13939
  .pf-v6-c-data-list__toggle {
13153
13940
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13155,15 +13942,16 @@ ul) {
13155
13942
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13156
13943
  }
13157
13944
 
13945
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13946
+ scale: -1 1;
13947
+ }
13948
+
13158
13949
  .pf-v6-c-data-list__toggle-icon {
13159
13950
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13160
13951
  pointer-events: none;
13161
13952
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13162
13953
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13163
13954
  }
13164
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13165
- scale: -1 1;
13166
- }
13167
13955
 
13168
13956
  .pf-v6-c-data-list__item-content {
13169
13957
  display: grid;
@@ -13258,6 +14046,13 @@ ul) {
13258
14046
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13259
14047
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13260
14048
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14049
+ }
14050
+ @media screen and (min-width: 36rem) {
14051
+ .pf-v6-c-description-list {
14052
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14053
+ }
14054
+ }
14055
+ .pf-v6-c-description-list {
13261
14056
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13262
14057
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13263
14058
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13286,11 +14081,6 @@ ul) {
13286
14081
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13287
14082
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13288
14083
  }
13289
- @media screen and (min-width: 36rem) {
13290
- .pf-v6-c-description-list {
13291
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13292
- }
13293
- }
13294
14084
  @media (min-width: 36rem) {
13295
14085
  .pf-v6-c-description-list {
13296
14086
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -13672,6 +14462,15 @@ ul) {
13672
14462
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
13673
14463
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
13674
14464
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14465
+ }
14466
+ @media screen and (prefers-reduced-motion: no-preference) {
14467
+ .pf-v6-c-dual-list-selector {
14468
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14469
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14470
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14471
+ }
14472
+ }
14473
+ .pf-v6-c-dual-list-selector {
13675
14474
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
13676
14475
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13677
14476
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -13713,13 +14512,6 @@ ul) {
13713
14512
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
13714
14513
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
13715
14514
  }
13716
- @media screen and (prefers-reduced-motion: no-preference) {
13717
- .pf-v6-c-dual-list-selector {
13718
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
13719
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
13720
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
13721
- }
13722
- }
13723
14515
 
13724
14516
  .pf-v6-c-dual-list-selector {
13725
14517
  display: grid;
@@ -13790,8 +14582,6 @@ ul) {
13790
14582
 
13791
14583
  .pf-v6-c-dual-list-selector__list {
13792
14584
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
13793
- display: flex;
13794
- flex-direction: column;
13795
14585
  }
13796
14586
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
13797
14587
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -13799,16 +14589,22 @@ ul) {
13799
14589
  }
13800
14590
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13801
14591
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
13802
- position: absolute;
13803
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
13804
14592
  }
13805
14593
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
13806
14594
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
13807
14595
  }
13808
14596
 
14597
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14598
+ position: absolute;
14599
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14600
+ }
13809
14601
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
13810
14602
  overflow-anchor: none;
13811
14603
  }
14604
+ .pf-v6-c-dual-list-selector__list {
14605
+ display: flex;
14606
+ flex-direction: column;
14607
+ }
13812
14608
 
13813
14609
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
13814
14610
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14093,11 +14889,6 @@ ul) {
14093
14889
  --pf-v6-hidden-visible--hidden--Display: none;
14094
14890
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14095
14891
  display: var(--pf-v6-hidden-visible--Display);
14096
- flex-shrink: 0;
14097
- align-items: stretch;
14098
- align-self: stretch;
14099
- justify-content: center;
14100
- border: 0;
14101
14892
  }
14102
14893
  .pf-v6-c-divider.pf-m-hidden {
14103
14894
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14142,6 +14933,13 @@ ul) {
14142
14933
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14143
14934
  }
14144
14935
  }
14936
+ .pf-v6-c-divider {
14937
+ flex-shrink: 0;
14938
+ align-items: stretch;
14939
+ align-self: stretch;
14940
+ justify-content: center;
14941
+ border: 0;
14942
+ }
14145
14943
  .pf-v6-c-divider::before {
14146
14944
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14147
14945
  content: "";
@@ -14386,6 +15184,7 @@ ul) {
14386
15184
  }
14387
15185
 
14388
15186
  .pf-v6-c-drawer {
15187
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
14389
15188
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14390
15189
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14391
15190
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -14416,6 +15215,7 @@ ul) {
14416
15215
  --pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
14417
15216
  --pf-v6-c-drawer__panel--Opacity: 0;
14418
15217
  --pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
15218
+ --pf-v6-c-drawer--m-expanded__panel--inset: 0px;
14419
15219
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
14420
15220
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
14421
15221
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
@@ -14431,6 +15231,29 @@ ul) {
14431
15231
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
14432
15232
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
14433
15233
  --pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
15234
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
15235
+ --pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
15236
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
15237
+ --pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
15238
+ --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
15239
+ --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
15240
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
15241
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
15242
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15243
+ --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15244
+ }
15245
+ @media screen and (prefers-reduced-motion: no-preference) {
15246
+ .pf-v6-c-drawer {
15247
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15248
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15249
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15250
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15251
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15252
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15253
+ --pf-v6-c-drawer__panel--Opacity: 1;
15254
+ }
15255
+ }
15256
+ .pf-v6-c-drawer {
14434
15257
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14435
15258
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14436
15259
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14493,6 +15316,17 @@ ul) {
14493
15316
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14494
15317
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14495
15318
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15319
+ }
15320
+ @media screen and (min-width: 75rem) {
15321
+ .pf-v6-c-drawer {
15322
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15323
+ }
15324
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15325
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15326
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15327
+ }
15328
+ }
15329
+ .pf-v6-c-drawer {
14496
15330
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14497
15331
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14498
15332
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14507,46 +15341,32 @@ ul) {
14507
15341
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14508
15342
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14509
15343
  }
14510
- @media screen and (prefers-reduced-motion: no-preference) {
14511
- .pf-v6-c-drawer {
14512
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14513
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14514
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14515
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14516
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14517
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14518
- --pf-v6-c-drawer__panel--Opacity: 1;
14519
- }
14520
- }
14521
- @media screen and (min-width: 75rem) {
14522
- .pf-v6-c-drawer {
14523
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14524
- }
14525
- .pf-v6-c-drawer.pf-m-panel-bottom {
14526
- --pf-v6-c-drawer__panel--MinWidth: auto;
14527
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14528
- }
14529
- }
14530
15344
 
14531
15345
  .pf-v6-c-drawer {
14532
15346
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14533
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14534
- display: flex;
14535
- flex-direction: column;
14536
- height: 100%;
14537
- overflow-x: hidden;
14538
15347
  }
14539
15348
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14540
15349
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14541
15350
  }
14542
15351
 
15352
+ .pf-v6-c-drawer {
15353
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15354
+ }
14543
15355
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
14544
15356
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14545
15357
  }
14546
15358
 
15359
+ .pf-v6-c-drawer {
15360
+ display: flex;
15361
+ flex-direction: column;
15362
+ height: 100%;
15363
+ overflow-x: hidden;
15364
+ }
14547
15365
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
14548
15366
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
14549
15367
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
15368
+ --pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
15369
+ --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0px;
14550
15370
  }
14551
15371
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
14552
15372
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
@@ -14570,19 +15390,21 @@ ul) {
14570
15390
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
14571
15391
  }
14572
15392
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14573
- transform: translateX(-100%);
14574
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
14575
- visibility: visible;
15393
+ transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14576
15394
  }
14577
15395
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14578
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
15396
+ transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
14579
15397
  }
14580
15398
 
15399
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15400
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15401
+ visibility: visible;
15402
+ }
14581
15403
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14582
15404
  transform: translateX(0);
14583
15405
  }
14584
15406
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14585
- transform: translate(0, -100%);
15407
+ transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14586
15408
  }
14587
15409
  .pf-v6-c-drawer.pf-m-resizing {
14588
15410
  --pf-v6-c-drawer__panel--TransitionProperty: none;
@@ -14591,6 +15413,26 @@ ul) {
14591
15413
  .pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
14592
15414
  pointer-events: auto;
14593
15415
  }
15416
+ @media screen and (min-width: 48rem) {
15417
+ .pf-v6-c-drawer.pf-m-pill {
15418
+ --pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
15419
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
15420
+ --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
15421
+ --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15422
+ --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
15423
+ }
15424
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15425
+ border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
15426
+ border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
15427
+ border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
15428
+ border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
15429
+ }
15430
+ .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
15431
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15432
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15433
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15434
+ }
15435
+ }
14594
15436
 
14595
15437
  .pf-v6-c-drawer__section {
14596
15438
  flex-grow: 0;
@@ -14606,6 +15448,7 @@ ul) {
14606
15448
  .pf-v6-c-drawer__main {
14607
15449
  display: flex;
14608
15450
  flex: 1;
15451
+ gap: var(--pf-v6-c-drawer__main--Gap, 0);
14609
15452
  overflow: hidden;
14610
15453
  }
14611
15454
 
@@ -14613,8 +15456,8 @@ ul) {
14613
15456
  .pf-v6-c-drawer__panel,
14614
15457
  .pf-v6-c-drawer__panel-main {
14615
15458
  display: flex;
14616
- flex-direction: column;
14617
15459
  flex-shrink: 0;
15460
+ flex-direction: column;
14618
15461
  overflow: auto;
14619
15462
  }
14620
15463
 
@@ -14644,6 +15487,8 @@ ul) {
14644
15487
  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
14645
15488
  order: 1;
14646
15489
  max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
15490
+ margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
15491
+ margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
14647
15492
  overflow: auto;
14648
15493
  visibility: hidden;
14649
15494
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
@@ -14652,6 +15497,7 @@ ul) {
14652
15497
  border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
14653
15498
  border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
14654
15499
  border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
15500
+ border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
14655
15501
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
14656
15502
  opacity: var(--pf-v6-c-drawer__panel--Opacity);
14657
15503
  transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
@@ -14839,7 +15685,7 @@ ul) {
14839
15685
  padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
14840
15686
  }
14841
15687
  .pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
14842
- transform: translateX(0);
15688
+ transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
14843
15689
  }
14844
15690
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
14845
15691
  --pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
@@ -14851,6 +15697,8 @@ ul) {
14851
15697
  --pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
14852
15698
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
14853
15699
  --pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
15700
+ --pf-v6-c-drawer__panel--MarginBlock: initial;
15701
+ --pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
14854
15702
  min-width: auto;
14855
15703
  min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
14856
15704
  }
@@ -14898,82 +15746,86 @@ ul) {
14898
15746
  }
14899
15747
  @media (min-width: 48rem) {
14900
15748
  .pf-v6-c-drawer__panel.pf-m-width-25 {
14901
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15749
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14902
15750
  }
14903
15751
  .pf-v6-c-drawer__panel.pf-m-width-33 {
14904
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15752
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14905
15753
  }
14906
15754
  .pf-v6-c-drawer__panel.pf-m-width-50 {
14907
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15755
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14908
15756
  }
14909
15757
  .pf-v6-c-drawer__panel.pf-m-width-66 {
14910
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15758
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14911
15759
  }
14912
15760
  .pf-v6-c-drawer__panel.pf-m-width-75 {
14913
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15761
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14914
15762
  }
14915
15763
  .pf-v6-c-drawer__panel.pf-m-width-100 {
14916
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15764
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15765
+ --pf-v6-c-drawer__main--Gap: 0;
14917
15766
  }
14918
15767
  }
14919
15768
  @media (min-width: 62rem) {
14920
15769
  .pf-v6-c-drawer__panel.pf-m-width-25-on-lg {
14921
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15770
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14922
15771
  }
14923
15772
  .pf-v6-c-drawer__panel.pf-m-width-33-on-lg {
14924
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15773
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14925
15774
  }
14926
15775
  .pf-v6-c-drawer__panel.pf-m-width-50-on-lg {
14927
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15776
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14928
15777
  }
14929
15778
  .pf-v6-c-drawer__panel.pf-m-width-66-on-lg {
14930
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15779
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14931
15780
  }
14932
15781
  .pf-v6-c-drawer__panel.pf-m-width-75-on-lg {
14933
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15782
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14934
15783
  }
14935
15784
  .pf-v6-c-drawer__panel.pf-m-width-100-on-lg {
14936
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15785
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15786
+ --pf-v6-c-drawer__main--Gap: 0;
14937
15787
  }
14938
15788
  }
14939
15789
  @media (min-width: 75rem) {
14940
15790
  .pf-v6-c-drawer__panel.pf-m-width-25-on-xl {
14941
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15791
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14942
15792
  }
14943
15793
  .pf-v6-c-drawer__panel.pf-m-width-33-on-xl {
14944
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15794
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14945
15795
  }
14946
15796
  .pf-v6-c-drawer__panel.pf-m-width-50-on-xl {
14947
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15797
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14948
15798
  }
14949
15799
  .pf-v6-c-drawer__panel.pf-m-width-66-on-xl {
14950
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15800
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14951
15801
  }
14952
15802
  .pf-v6-c-drawer__panel.pf-m-width-75-on-xl {
14953
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15803
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14954
15804
  }
14955
15805
  .pf-v6-c-drawer__panel.pf-m-width-100-on-xl {
14956
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15806
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15807
+ --pf-v6-c-drawer__main--Gap: 0;
14957
15808
  }
14958
15809
  }
14959
15810
  @media (min-width: 90.625rem) {
14960
15811
  .pf-v6-c-drawer__panel.pf-m-width-25-on-2xl {
14961
- --pf-v6-c-drawer__panel--md--FlexBasis: 25%;
15812
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(25% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14962
15813
  }
14963
15814
  .pf-v6-c-drawer__panel.pf-m-width-33-on-2xl {
14964
- --pf-v6-c-drawer__panel--md--FlexBasis: 33%;
15815
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(33% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14965
15816
  }
14966
15817
  .pf-v6-c-drawer__panel.pf-m-width-50-on-2xl {
14967
- --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
15818
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(50% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14968
15819
  }
14969
15820
  .pf-v6-c-drawer__panel.pf-m-width-66-on-2xl {
14970
- --pf-v6-c-drawer__panel--md--FlexBasis: 66%;
15821
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(66% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14971
15822
  }
14972
15823
  .pf-v6-c-drawer__panel.pf-m-width-75-on-2xl {
14973
- --pf-v6-c-drawer__panel--md--FlexBasis: 75%;
15824
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(75% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
14974
15825
  }
14975
15826
  .pf-v6-c-drawer__panel.pf-m-width-100-on-2xl {
14976
- --pf-v6-c-drawer__panel--md--FlexBasis: 100%;
15827
+ --pf-v6-c-drawer__panel--md--FlexBasis: calc(100% - (2 * var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15828
+ --pf-v6-c-drawer__main--Gap: 0;
14977
15829
  }
14978
15830
  }
14979
15831
  @media (min-width: 48rem) {
@@ -15405,10 +16257,24 @@ ul) {
15405
16257
  --pf-v6-c-expandable-section__content--Opacity: 0;
15406
16258
  --pf-v6-c-expandable-section__content--TranslateY: 0;
15407
16259
  --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
16260
+ --pf-v6-c-expandable-section__content--MaxHeight: 0px;
16261
+ --pf-v6-c-expandable-section__content--Visibility: hidden;
16262
+ --pf-v6-c-expandable-section__content--Opacity: 0;
15408
16263
  --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
15409
16264
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15410
16265
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15411
16266
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16267
+ }
16268
+ @media screen and (prefers-reduced-motion: no-preference) {
16269
+ .pf-v6-c-expandable-section {
16270
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16271
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16272
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16273
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16274
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16275
+ }
16276
+ }
16277
+ .pf-v6-c-expandable-section {
15412
16278
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15413
16279
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15414
16280
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15425,15 +16291,6 @@ ul) {
15425
16291
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15426
16292
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15427
16293
  }
15428
- @media screen and (prefers-reduced-motion: no-preference) {
15429
- .pf-v6-c-expandable-section {
15430
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15431
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15432
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15433
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15434
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15435
- }
15436
- }
15437
16294
 
15438
16295
  .pf-v6-c-expandable-section {
15439
16296
  display: flex;
@@ -15492,9 +16349,13 @@ ul) {
15492
16349
  }
15493
16350
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15494
16351
  display: -webkit-box;
16352
+ overflow: hidden;
15495
16353
  -webkit-box-orient: vertical;
15496
16354
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15497
- overflow: hidden;
16355
+ }
16356
+
16357
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16358
+ scale: -1 1;
15498
16359
  }
15499
16360
 
15500
16361
  .pf-v6-c-expandable-section__toggle-icon {
@@ -15504,10 +16365,6 @@ ul) {
15504
16365
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
15505
16366
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
15506
16367
  }
15507
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
15508
- scale: -1 1;
15509
- }
15510
-
15511
16368
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
15512
16369
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15513
16370
  }
@@ -16090,8 +16947,8 @@ ul) {
16090
16947
 
16091
16948
  .pf-v6-c-form__field-group-header-main {
16092
16949
  display: flex;
16093
- flex-direction: column;
16094
16950
  flex-grow: 1;
16951
+ flex-direction: column;
16095
16952
  }
16096
16953
 
16097
16954
  .pf-v6-c-form__field-group-header-title {
@@ -16332,8 +17189,8 @@ ul) {
16332
17189
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16333
17190
  }
16334
17191
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16335
- outline-offset: 0;
16336
17192
  scrollbar-gutter: stable;
17193
+ outline-offset: 0;
16337
17194
  }
16338
17195
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16339
17196
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -16513,81 +17370,6 @@ ul) {
16513
17370
  pointer-events: none;
16514
17371
  }
16515
17372
 
16516
- .pf-v6-c-hint {
16517
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16518
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16519
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16520
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
16521
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16522
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16523
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16524
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
16525
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16526
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
16527
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16528
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
16529
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
16530
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16531
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
16532
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16533
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
16534
- }
16535
-
16536
- .pf-v6-c-hint {
16537
- display: grid;
16538
- grid-template-columns: 1fr auto;
16539
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
16540
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
16541
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
16542
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
16543
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
16544
- color: var(--pf-v6-c-hint--Color);
16545
- background-color: var(--pf-v6-c-hint--BackgroundColor);
16546
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
16547
- border-radius: var(--pf-v6-c-hint--BorderRadius);
16548
- }
16549
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
16550
- text-align: start;
16551
- white-space: normal;
16552
- }
16553
-
16554
- .pf-v6-c-hint__actions {
16555
- display: inline-grid;
16556
- grid-row: 1;
16557
- grid-column: 2;
16558
- grid-auto-flow: column;
16559
- align-self: start;
16560
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
16561
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
16562
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
16563
- text-align: end;
16564
- }
16565
- .pf-v6-c-hint__actions.pf-m-no-offset {
16566
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
16567
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
16568
- }
16569
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
16570
- grid-column: 1;
16571
- }
16572
-
16573
- .pf-v6-c-hint__title {
16574
- align-self: center;
16575
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
16576
- }
16577
-
16578
- .pf-v6-c-hint__body {
16579
- grid-column: 1/-1;
16580
- font-size: var(--pf-v6-c-hint__body--FontSize);
16581
- }
16582
-
16583
- .pf-v6-c-hint__footer {
16584
- grid-column: 1/-1;
16585
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
16586
- }
16587
- .pf-v6-c-hint__footer > :not(:last-child) {
16588
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
16589
- }
16590
-
16591
17373
  .pf-v6-c-helper-text {
16592
17374
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16593
17375
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -16673,6 +17455,156 @@ ul) {
16673
17455
  color: var(--pf-v6-c-helper-text__item-text--Color);
16674
17456
  }
16675
17457
 
17458
+ .pf-v6-c-hero {
17459
+ --pf-v6-c-hero--PaddingBlockStart: var(--pf-t--global--spacer--xl);
17460
+ --pf-v6-c-hero--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
17461
+ --pf-v6-c-hero--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
17462
+ --pf-v6-c-hero--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17463
+ --pf-v6-c-hero--gradient--angle: 109deg;
17464
+ --pf-v6-c-hero--gradient--stop-1--light: transparent;
17465
+ --pf-v6-c-hero--gradient--stop-2--light: transparent;
17466
+ --pf-v6-c-hero--gradient--stop-3--light: transparent;
17467
+ --pf-v6-c-hero--gradient--stop-1--dark: transparent;
17468
+ --pf-v6-c-hero--gradient--stop-2--dark: transparent;
17469
+ --pf-v6-c-hero--gradient--stop-3--dark: transparent;
17470
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
17471
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
17472
+ --pf-v6-c-hero--BackgroundImage--light: none;
17473
+ --pf-v6-c-hero--BackgroundImage--dark: none;
17474
+ --pf-v6-c-hero--BackgroundRepeat: no-repeat;
17475
+ --pf-v6-c-hero--BackgroundPosition: right center;
17476
+ --pf-v6-c-hero--BackgroundSize: contain;
17477
+ --pf-v6-c-hero--BorderStyle: solid;
17478
+ --pf-v6-c-hero--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
17479
+ --pf-v6-c-hero--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
17480
+ --pf-v6-c-hero--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
17481
+ --pf-v6-c-hero--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
17482
+ --pf-v6-c-hero--BorderColor: var(--pf-t--global--border--color--default);
17483
+ --pf-v6-c-hero--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
17484
+ --pf-v6-c-hero--m-glass--BoxShadow: var(--pf-t--global--box-shadow--md);
17485
+ --pf-v6-c-hero--BorderStartStartRadius: 24px;
17486
+ --pf-v6-c-hero--BorderStartEndRadius: 72px;
17487
+ --pf-v6-c-hero--BorderEndEndRadius: 24px;
17488
+ --pf-v6-c-hero--BorderEndStartRadius: 72px;
17489
+ --pf-v6-c-hero__body--Width: 800px;
17490
+ --pf-v6-c-hero__body--MaxWidth: 80%;
17491
+ }
17492
+
17493
+ .pf-v6-c-hero {
17494
+ display: flex;
17495
+ padding-block-start: var(--pf-v6-c-hero--PaddingBlockStart);
17496
+ padding-block-end: var(--pf-v6-c-hero--PaddingBlockEnd);
17497
+ padding-inline-start: var(--pf-v6-c-hero--PaddingInlineStart);
17498
+ padding-inline-end: var(--pf-v6-c-hero--PaddingInlineEnd);
17499
+ 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%);
17500
+ background-repeat: var(--pf-v6-c-hero--BackgroundRepeat);
17501
+ background-position: var(--pf-v6-c-hero--BackgroundPosition);
17502
+ background-size: var(--pf-v6-c-hero--BackgroundSize);
17503
+ border-color: var(--pf-v6-c-hero--BorderColor);
17504
+ border-style: var(--pf-v6-c-hero--BorderStyle);
17505
+ border-block-start-width: var(--pf-v6-c-hero--BorderBlockStartWidth);
17506
+ border-block-end-width: var(--pf-v6-c-hero--BorderBlockEndWidth);
17507
+ border-inline-start-width: var(--pf-v6-c-hero--BorderInlineStartWidth);
17508
+ border-inline-end-width: var(--pf-v6-c-hero--BorderInlineEndWidth);
17509
+ border-start-start-radius: var(--pf-v6-c-hero--BorderStartStartRadius);
17510
+ border-start-end-radius: var(--pf-v6-c-hero--BorderStartEndRadius);
17511
+ border-end-start-radius: var(--pf-v6-c-hero--BorderEndStartRadius);
17512
+ border-end-end-radius: var(--pf-v6-c-hero--BorderEndEndRadius);
17513
+ }
17514
+ :root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
17515
+ --pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
17516
+ --pf-v6-c-hero--gradient--stop-1: var(--pf-v6-c-hero--gradient--stop-1--dark);
17517
+ --pf-v6-c-hero--gradient--stop-2: var(--pf-v6-c-hero--gradient--stop-2--dark);
17518
+ --pf-v6-c-hero--gradient--stop-3: var(--pf-v6-c-hero--gradient--stop-3--dark);
17519
+ }
17520
+ :root:where(.pf-v6-theme-glass) .pf-v6-c-hero {
17521
+ --pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
17522
+ box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
17523
+ }
17524
+ .pf-v6-c-hero:not(.pf-m-no-glass) {
17525
+ background-color: var(--pf-v6-c-hero--BackgroundColor);
17526
+ backdrop-filter: var(--pf-v6-c-hero--BackdropFilter);
17527
+ }
17528
+
17529
+ .pf-v6-c-hero__body {
17530
+ width: min(var(--pf-v6-c-hero__body--Width), var(--pf-v6-c-hero__body--MaxWidth));
17531
+ }
17532
+
17533
+ .pf-v6-c-hint {
17534
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
17535
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
17536
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17537
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
17538
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
17539
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17540
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
17541
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
17542
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
17543
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
17544
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17545
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17546
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
17547
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
17548
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17549
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17550
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17551
+ }
17552
+
17553
+ .pf-v6-c-hint {
17554
+ display: grid;
17555
+ grid-template-columns: 1fr auto;
17556
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
17557
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
17558
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
17559
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
17560
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
17561
+ color: var(--pf-v6-c-hint--Color);
17562
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
17563
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
17564
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
17565
+ }
17566
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
17567
+ text-align: start;
17568
+ white-space: normal;
17569
+ }
17570
+
17571
+ .pf-v6-c-hint__actions {
17572
+ display: inline-grid;
17573
+ grid-row: 1;
17574
+ grid-column: 2;
17575
+ grid-auto-flow: column;
17576
+ align-self: start;
17577
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
17578
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
17579
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17580
+ text-align: end;
17581
+ }
17582
+ .pf-v6-c-hint__actions.pf-m-no-offset {
17583
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
17584
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
17585
+ }
17586
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
17587
+ grid-column: 1;
17588
+ }
17589
+
17590
+ .pf-v6-c-hint__title {
17591
+ align-self: center;
17592
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
17593
+ }
17594
+
17595
+ .pf-v6-c-hint__body {
17596
+ grid-column: 1/-1;
17597
+ font-size: var(--pf-v6-c-hint__body--FontSize);
17598
+ }
17599
+
17600
+ .pf-v6-c-hint__footer {
17601
+ grid-column: 1/-1;
17602
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
17603
+ }
17604
+ .pf-v6-c-hint__footer > :not(:last-child) {
17605
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
17606
+ }
17607
+
16676
17608
  .pf-v6-c-icon {
16677
17609
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
16678
17610
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -17401,6 +18333,10 @@ label.pf-v6-c-input-group__text {
17401
18333
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17402
18334
  }
17403
18335
 
18336
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18337
+ scale: -1 1;
18338
+ }
18339
+
17404
18340
  .pf-v6-c-jump-links__toggle-icon {
17405
18341
  display: inline-block;
17406
18342
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17409,9 +18345,6 @@ label.pf-v6-c-input-group__text {
17409
18345
  transition-property: transform;
17410
18346
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17411
18347
  }
17412
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17413
- scale: -1 1;
17414
- }
17415
18348
 
17416
18349
  .pf-v6-c-label {
17417
18350
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -17908,6 +18841,10 @@ input.pf-v6-c-label__content {
17908
18841
  .pf-v6-c-label__actions {
17909
18842
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
17910
18843
  }
18844
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18845
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18846
+ }
18847
+
17911
18848
  .pf-v6-c-label__actions .pf-v6-c-button {
17912
18849
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
17913
18850
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -17918,9 +18855,6 @@ input.pf-v6-c-label__content {
17918
18855
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
17919
18856
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
17920
18857
  }
17921
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
17922
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
17923
- }
17924
18858
 
17925
18859
  .pf-v6-c-label-group {
17926
18860
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18061,9 +18995,9 @@ input.pf-v6-c-label__content {
18061
18995
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18062
18996
  white-space: nowrap;
18063
18997
  resize: none;
18064
- border: 0;
18065
- -ms-overflow-style: none;
18066
18998
  scrollbar-width: none;
18999
+ -ms-overflow-style: none;
19000
+ border: 0;
18067
19001
  }
18068
19002
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18069
19003
  display: none;
@@ -18149,18 +19083,48 @@ ul.pf-v6-c-list {
18149
19083
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18150
19084
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18151
19085
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19086
+ }
19087
+ @media (min-width: 75rem) {
19088
+ .pf-v6-c-login {
19089
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19090
+ }
19091
+ }
19092
+ .pf-v6-c-login {
18152
19093
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18153
19094
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18154
19095
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19096
+ }
19097
+ @media (min-width: 36rem) {
19098
+ .pf-v6-c-login {
19099
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19100
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19101
+ }
19102
+ }
19103
+ .pf-v6-c-login {
18155
19104
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18156
19105
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18157
19106
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18158
19107
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19108
+ }
19109
+ @media (min-width: 75rem) {
19110
+ .pf-v6-c-login {
19111
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19112
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19113
+ }
19114
+ }
19115
+ .pf-v6-c-login {
18159
19116
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18160
19117
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18161
19118
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18162
19119
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18163
19120
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19121
+ }
19122
+ @media (min-width: 75rem) {
19123
+ .pf-v6-c-login {
19124
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19125
+ }
19126
+ }
19127
+ .pf-v6-c-login {
18164
19128
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18165
19129
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18166
19130
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18172,11 +19136,28 @@ ul.pf-v6-c-list {
18172
19136
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18173
19137
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18174
19138
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19139
+ }
19140
+ @media (min-width: 48rem) {
19141
+ .pf-v6-c-login {
19142
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19143
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19144
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19145
+ }
19146
+ }
19147
+ .pf-v6-c-login {
18175
19148
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18176
19149
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18177
19150
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18178
19151
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18179
19152
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19153
+ }
19154
+ @media (min-width: 48rem) {
19155
+ .pf-v6-c-login {
19156
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19157
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19158
+ }
19159
+ }
19160
+ .pf-v6-c-login {
18180
19161
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18181
19162
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18182
19163
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18194,43 +19175,6 @@ ul.pf-v6-c-list {
18194
19175
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18195
19176
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18196
19177
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18197
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18198
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18199
- }
18200
- @media (min-width: 75rem) {
18201
- .pf-v6-c-login {
18202
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18203
- }
18204
- }
18205
- @media (min-width: 36rem) {
18206
- .pf-v6-c-login {
18207
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18208
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18209
- }
18210
- }
18211
- @media (min-width: 75rem) {
18212
- .pf-v6-c-login {
18213
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18214
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18215
- }
18216
- }
18217
- @media (min-width: 75rem) {
18218
- .pf-v6-c-login {
18219
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18220
- }
18221
- }
18222
- @media (min-width: 48rem) {
18223
- .pf-v6-c-login {
18224
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18225
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18226
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18227
- }
18228
- }
18229
- @media (min-width: 48rem) {
18230
- .pf-v6-c-login {
18231
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18232
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18233
- }
18234
19178
  }
18235
19179
  @media (min-width: 36rem) {
18236
19180
  .pf-v6-c-login {
@@ -18238,6 +19182,10 @@ ul.pf-v6-c-list {
18238
19182
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18239
19183
  }
18240
19184
  }
19185
+ .pf-v6-c-login {
19186
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19187
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19188
+ }
18241
19189
  @media (min-width: 75rem) {
18242
19190
  .pf-v6-c-login {
18243
19191
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -18433,12 +19381,26 @@ ul.pf-v6-c-list {
18433
19381
  --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
18434
19382
  --pf-v6-c-masthead--m-display-inline__main--Display: flex;
18435
19383
  --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
19384
+ --pf-v6-c-masthead--m-docked--GridTemplateRows: min-content 1fr;
19385
+ --pf-v6-c-masthead--m-docked--RowGap: var(--pf-t--global--spacer--gutter--default);
19386
+ --pf-v6-c-masthead--m-docked--PaddingBlockStart: var(--pf-t--global--spacer--lg);
19387
+ --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
19388
+ --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19389
+ --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19390
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
19391
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
19392
+ --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
18436
19393
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18437
19394
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
18438
19395
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
18439
19396
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
18440
19397
  }
18441
19398
 
19399
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19400
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19401
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19402
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19403
+ }
18442
19404
  .pf-v6-c-masthead {
18443
19405
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
18444
19406
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -18452,22 +19414,6 @@ ul.pf-v6-c-list {
18452
19414
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
18453
19415
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
18454
19416
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
18455
- display: grid;
18456
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
18457
- row-gap: var(--pf-v6-c-masthead--RowGap);
18458
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
18459
- align-items: start;
18460
- min-width: 0;
18461
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
18462
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
18463
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
18464
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
18465
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
18466
- }
18467
- .pf-v6-c-masthead .pf-v6-c-toolbar {
18468
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
18469
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
18470
- --pf-v6-c-toolbar__content--MinWidth: 0;
18471
19417
  }
18472
19418
  @media screen and (min-width: 48rem) {
18473
19419
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -18485,6 +19431,62 @@ ul.pf-v6-c-list {
18485
19431
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
18486
19432
  }
18487
19433
  }
19434
+ .pf-v6-c-masthead {
19435
+ display: grid;
19436
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19437
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19438
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19439
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19440
+ align-items: start;
19441
+ min-width: 0;
19442
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19443
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19444
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19445
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19446
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19447
+ }
19448
+ .pf-v6-c-masthead.pf-m-docked {
19449
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19450
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
19451
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
19452
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
19453
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
19454
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
19455
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
19456
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
19457
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
19458
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
19459
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
19460
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19461
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-masthead--m-docked--BackgroundColor);
19462
+ --pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
19463
+ --pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
19464
+ --pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
19465
+ --pf-v6-c-masthead--PaddingInlineStart: var(--pf-v6-c-masthead--m-docked--PaddingInlineStart);
19466
+ --pf-v6-c-masthead--PaddingInlineEnd: var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd);
19467
+ --pf-v6-c-masthead--GridTemplateColumns: auto;
19468
+ --pf-v6-c-masthead--RowGap: var(--pf-v6-c-masthead--m-docked--RowGap);
19469
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
19470
+ --pf-v6-c-masthead__main--GridColumn: auto;
19471
+ --pf-v6-c-masthead__content--GridColumn: auto;
19472
+ --pf-v6-c-masthead__logo--Width: auto;
19473
+ --pf-v6-c-masthead__main--MarginInlineEnd: 0;
19474
+ display: flex;
19475
+ flex-direction: column;
19476
+ align-items: center;
19477
+ width: fit-content;
19478
+ height: 100%;
19479
+ backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19480
+ }
19481
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19482
+ flex-grow: 1;
19483
+ flex-direction: column;
19484
+ align-self: revert;
19485
+ }
19486
+ .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
19487
+ --pf-v6-c-masthead--c-toolbar--Width: fit-content;
19488
+ height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
19489
+ }
18488
19490
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
18489
19491
  flex-wrap: nowrap;
18490
19492
  min-width: 0;
@@ -18948,6 +19950,13 @@ ul.pf-v6-c-list {
18948
19950
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
18949
19951
  --pf-v6-c-menu--TransitionDuration: 0s;
18950
19952
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19953
+ }
19954
+ @media (prefers-reduced-motion: no-preference) {
19955
+ .pf-v6-c-menu {
19956
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19957
+ }
19958
+ }
19959
+ .pf-v6-c-menu {
18951
19960
  --pf-v6-c-menu--m-plain--BoxShadow: none;
18952
19961
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
18953
19962
  --pf-v6-c-menu__content--Height: auto;
@@ -19027,33 +20036,34 @@ ul.pf-v6-c-list {
19027
20036
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19028
20037
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19029
20038
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19030
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19031
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19032
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19033
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19034
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19035
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19036
- }
19037
- @media (prefers-reduced-motion: no-preference) {
19038
- .pf-v6-c-menu {
19039
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19040
- }
19041
20039
  }
19042
20040
  @media (prefers-reduced-motion: no-preference) {
19043
20041
  .pf-v6-c-menu {
19044
20042
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19045
20043
  }
19046
20044
  }
20045
+ .pf-v6-c-menu {
20046
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20047
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20048
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20049
+ }
19047
20050
  @media (prefers-reduced-motion: no-preference) {
19048
20051
  .pf-v6-c-menu {
19049
20052
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19050
20053
  }
19051
20054
  }
20055
+ .pf-v6-c-menu {
20056
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20057
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20058
+ }
19052
20059
  @media (prefers-reduced-motion: no-preference) {
19053
20060
  .pf-v6-c-menu {
19054
20061
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19055
20062
  }
19056
20063
  }
20064
+ .pf-v6-c-menu {
20065
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20066
+ }
19057
20067
 
19058
20068
  .pf-v6-c-menu__content,
19059
20069
  .pf-v6-c-menu__list-item,
@@ -19511,13 +20521,14 @@ ul.pf-v6-c-list {
19511
20521
  --pf-v6-c-check__input--TranslateY: none;
19512
20522
  }
19513
20523
 
19514
- .pf-v6-c-menu__item-toggle-icon {
19515
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
19516
- }
19517
20524
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
19518
20525
  scale: -1 1;
19519
20526
  }
19520
20527
 
20528
+ .pf-v6-c-menu__item-toggle-icon {
20529
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20530
+ }
20531
+
19521
20532
  .pf-v6-c-menu__item-icon {
19522
20533
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
19523
20534
  }
@@ -19686,6 +20697,7 @@ ul.pf-v6-c-list {
19686
20697
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
19687
20698
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
19688
20699
  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
20700
+ --pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
19689
20701
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
19690
20702
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
19691
20703
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -19814,6 +20826,9 @@ ul.pf-v6-c-list {
19814
20826
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
19815
20827
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
19816
20828
  }
20829
+ .pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
20830
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
20831
+ }
19817
20832
  .pf-v6-c-menu-toggle.pf-m-plain::before {
19818
20833
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
19819
20834
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -20104,6 +21119,13 @@ ul.pf-v6-c-list {
20104
21119
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20105
21120
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20106
21121
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21122
+ }
21123
+ @media (min-width: 75rem) {
21124
+ .pf-v6-c-modal-box {
21125
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21126
+ }
21127
+ }
21128
+ .pf-v6-c-modal-box {
20107
21129
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20108
21130
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20109
21131
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20135,11 +21157,6 @@ ul.pf-v6-c-list {
20135
21157
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20136
21158
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20137
21159
  }
20138
- @media (min-width: 75rem) {
20139
- .pf-v6-c-modal-box {
20140
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20141
- }
20142
- }
20143
21160
 
20144
21161
  .pf-v6-c-modal-box {
20145
21162
  position: relative;
@@ -20201,8 +21218,8 @@ ul.pf-v6-c-list {
20201
21218
 
20202
21219
  .pf-v6-c-modal-box__header {
20203
21220
  display: flex;
20204
- flex-direction: column;
20205
21221
  flex-shrink: 0;
21222
+ flex-direction: column;
20206
21223
  gap: var(--pf-v6-c-modal-box__header--Gap);
20207
21224
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20208
21225
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20219,8 +21236,8 @@ ul.pf-v6-c-list {
20219
21236
 
20220
21237
  .pf-v6-c-modal-box__header-main {
20221
21238
  display: flex;
20222
- flex-direction: column;
20223
21239
  flex-grow: 1;
21240
+ flex-direction: column;
20224
21241
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20225
21242
  min-width: 0;
20226
21243
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -20529,6 +21546,15 @@ ul.pf-v6-c-list {
20529
21546
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
20530
21547
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
20531
21548
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
21549
+ --pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
21550
+ --pf-v6-c-nav__item--accent--color: var(--pf-t--global--border--color--clicked);
21551
+ --pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
21552
+ --pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
21553
+ --pf-v6-c-nav__item--accent--ScaleY: 0;
21554
+ --pf-v6-c-nav__item--current--accent--ScaleY: 1;
21555
+ --pf-v6-c-nav__item--accent--TransitionDuration: 0;
21556
+ --pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
21557
+ --pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
20532
21558
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
20533
21559
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
20534
21560
  --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
@@ -20553,6 +21579,7 @@ ul.pf-v6-c-list {
20553
21579
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
20554
21580
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
20555
21581
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
21582
+ --pf-v6-c-nav__link-text--FontSize: initial;
20556
21583
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
20557
21584
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
20558
21585
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
@@ -20564,6 +21591,15 @@ ul.pf-v6-c-list {
20564
21591
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
20565
21592
  --pf-v6-c-nav__subnav--TranslateY: 0;
20566
21593
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21594
+ }
21595
+ @media screen and (prefers-reduced-motion: no-preference) {
21596
+ .pf-v6-c-nav {
21597
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21598
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21599
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21600
+ }
21601
+ }
21602
+ .pf-v6-c-nav {
20567
21603
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
20568
21604
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
20569
21605
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -20593,13 +21629,11 @@ ul.pf-v6-c-list {
20593
21629
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20594
21630
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
20595
21631
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20596
- }
20597
- @media screen and (prefers-reduced-motion: no-preference) {
20598
- .pf-v6-c-nav {
20599
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
20600
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
20601
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
20602
- }
21632
+ --pf-v6-c-nav--m-docked__list--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
21633
+ --pf-v6-c-nav--m-docked__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21634
+ --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21635
+ --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21636
+ --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20603
21637
  }
20604
21638
 
20605
21639
  .pf-v6-c-nav,
@@ -20634,6 +21668,25 @@ ul.pf-v6-c-list {
20634
21668
  .pf-v6-c-nav.pf-m-fill {
20635
21669
  flex-grow: 1;
20636
21670
  }
21671
+ .pf-v6-c-nav.pf-m-docked {
21672
+ --pf-v6-c-nav--PaddingBlockStart: 0;
21673
+ --pf-v6-c-nav--PaddingBlockEnd: 0;
21674
+ --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav--m-docked__list--RowGap);
21675
+ --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-v6-c-nav--m-docked__link--PaddingInlineStart);
21676
+ --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
21677
+ --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
21678
+ --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
21679
+ width: fit-content;
21680
+ }
21681
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
21682
+ position: relative;
21683
+ align-self: center;
21684
+ min-width: 1lh;
21685
+ text-align: center;
21686
+ }
21687
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
21688
+ display: none;
21689
+ }
20637
21690
  .pf-v6-c-nav .pf-v6-c-menu {
20638
21691
  --pf-v6-c-menu--MinWidth: 100%;
20639
21692
  }
@@ -20697,14 +21750,34 @@ ul.pf-v6-c-list {
20697
21750
  }
20698
21751
 
20699
21752
  .pf-v6-c-nav__item {
21753
+ position: relative;
20700
21754
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
20701
21755
  }
21756
+ .pf-v6-c-nav__item::before {
21757
+ position: absolute;
21758
+ inset-block-start: 0;
21759
+ inset-block-end: 0;
21760
+ inset-inline-start: var(--pf-v6-c-nav__item--accent--offset);
21761
+ width: var(--pf-v6-c-nav__item--accent--size);
21762
+ pointer-events: none;
21763
+ content: var(--pf-v6-c-nav__item--accent--content, "");
21764
+ background-color: var(--pf-v6-c-nav__item--accent--color);
21765
+ border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
21766
+ transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
21767
+ transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
21768
+ transition-property: scale;
21769
+ scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
21770
+ }
20702
21771
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
20703
21772
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
20704
21773
  }
20705
21774
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
20706
21775
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
20707
21776
  }
21777
+ .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
21778
+ --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
21779
+ --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
21780
+ }
20708
21781
 
20709
21782
  .pf-v6-c-nav__section {
20710
21783
  row-gap: var(--pf-v6-c-nav__section--RowGap, var(--pf-v6-c-nav__list--RowGap));
@@ -20766,6 +21839,10 @@ ul.pf-v6-c-list {
20766
21839
  color: var(--pf-v6-c-nav__link-icon--Color);
20767
21840
  }
20768
21841
 
21842
+ .pf-v6-c-nav__link-text {
21843
+ font-size: var(--pf-v6-c-nav__link-text--FontSize, inherit);
21844
+ }
21845
+
20769
21846
  .pf-v6-c-nav__toggle {
20770
21847
  flex: none;
20771
21848
  align-self: start;
@@ -20821,6 +21898,7 @@ ul.pf-v6-c-list {
20821
21898
  }
20822
21899
 
20823
21900
  .pf-v6-c-nav:where(.pf-m-horizontal) {
21901
+ --pf-v6-c-nav__item--accent--content: none;
20824
21902
  padding: 0;
20825
21903
  overflow: hidden;
20826
21904
  }
@@ -20841,12 +21919,14 @@ ul.pf-v6-c-list {
20841
21919
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
20842
21920
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
20843
21921
  -webkit-overflow-scrolling: touch;
20844
- scrollbar-width: none;
20845
- -ms-overflow-style: -ms-autohiding-scrollbar;
20846
21922
  }
20847
21923
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
20848
21924
  display: none;
20849
21925
  }
21926
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21927
+ scrollbar-width: none;
21928
+ -ms-overflow-style: -ms-autohiding-scrollbar;
21929
+ }
20850
21930
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
20851
21931
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
20852
21932
  }
@@ -20884,6 +21964,7 @@ ul.pf-v6-c-list {
20884
21964
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
20885
21965
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
20886
21966
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
21967
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
20887
21968
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
20888
21969
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
20889
21970
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -20978,6 +22059,7 @@ ul.pf-v6-c-list {
20978
22059
 
20979
22060
  .pf-v6-c-notification-drawer__header-action {
20980
22061
  display: flex;
22062
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
20981
22063
  align-items: center;
20982
22064
  margin-inline-start: auto;
20983
22065
  }
@@ -21061,9 +22143,9 @@ ul.pf-v6-c-list {
21061
22143
  }
21062
22144
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21063
22145
  display: -webkit-box;
22146
+ overflow: hidden;
21064
22147
  -webkit-box-orient: vertical;
21065
22148
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21066
- overflow: hidden;
21067
22149
  }
21068
22150
 
21069
22151
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21117,9 +22199,9 @@ ul.pf-v6-c-list {
21117
22199
 
21118
22200
  .pf-v6-c-notification-drawer__group-toggle-title {
21119
22201
  display: -webkit-box;
22202
+ overflow: hidden;
21120
22203
  -webkit-box-orient: vertical;
21121
22204
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21122
- overflow: hidden;
21123
22205
  flex: 1;
21124
22206
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21125
22207
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21132,15 +22214,15 @@ ul.pf-v6-c-list {
21132
22214
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21133
22215
  }
21134
22216
 
22217
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22218
+ scale: -1 1;
22219
+ }
22220
+
21135
22221
  .pf-v6-c-notification-drawer__group-toggle-icon {
21136
22222
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21137
22223
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21138
22224
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21139
22225
  }
21140
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21141
- scale: -1 1;
21142
- }
21143
-
21144
22226
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21145
22227
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21146
22228
  }
@@ -21186,6 +22268,7 @@ ul.pf-v6-c-list {
21186
22268
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21187
22269
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
21188
22270
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22271
+ --pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
21189
22272
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
21190
22273
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
21191
22274
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -21208,6 +22291,15 @@ ul.pf-v6-c-list {
21208
22291
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21209
22292
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21210
22293
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22294
+ }
22295
+ @media screen and (prefers-reduced-motion: no-preference) {
22296
+ .pf-v6-c-page {
22297
+ --pf-v6-c-page__sidebar--Opacity: 1;
22298
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22299
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22300
+ }
22301
+ }
22302
+ .pf-v6-c-page {
21211
22303
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21212
22304
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21213
22305
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21223,6 +22315,15 @@ ul.pf-v6-c-list {
21223
22315
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21224
22316
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21225
22317
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22318
+ }
22319
+ @media screen and (min-width: 75rem) {
22320
+ .pf-v6-c-page {
22321
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22322
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22323
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22324
+ }
22325
+ }
22326
+ .pf-v6-c-page {
21226
22327
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21227
22328
  --pf-v6-c-page__main-container--GridArea: main;
21228
22329
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21245,6 +22346,17 @@ ul.pf-v6-c-list {
21245
22346
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21246
22347
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21247
22348
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22349
+ }
22350
+ @media screen and (max-width: calc(48rem - 1px)) {
22351
+ .pf-v6-c-page {
22352
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22353
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22354
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22355
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22356
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22357
+ }
22358
+ }
22359
+ .pf-v6-c-page {
21248
22360
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21249
22361
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21250
22362
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21293,29 +22405,9 @@ ul.pf-v6-c-list {
21293
22405
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21294
22406
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21295
22407
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21296
- }
21297
- @media screen and (prefers-reduced-motion: no-preference) {
21298
- .pf-v6-c-page {
21299
- --pf-v6-c-page__sidebar--Opacity: 1;
21300
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21301
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21302
- }
21303
- }
21304
- @media screen and (min-width: 75rem) {
21305
- .pf-v6-c-page {
21306
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
21307
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
21308
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21309
- }
21310
- }
21311
- @media screen and (max-width: calc(48rem - 1px)) {
21312
- .pf-v6-c-page {
21313
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21314
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21315
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21316
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21317
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21318
- }
22408
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22409
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
22410
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21319
22411
  }
21320
22412
 
21321
22413
  .pf-v6-c-page {
@@ -21335,6 +22427,16 @@ ul.pf-v6-c-list {
21335
22427
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
21336
22428
  }
21337
22429
  }
22430
+ .pf-v6-c-page.pf-m-dock {
22431
+ --pf-v6-c-page--masthead--main-container--GridArea: main;
22432
+ --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
22433
+ --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
22434
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
22435
+ grid-template-areas: "dock main";
22436
+ grid-template-rows: auto;
22437
+ grid-template-columns: auto 1fr;
22438
+ column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
22439
+ }
21338
22440
  .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
21339
22441
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
21340
22442
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -21381,15 +22483,20 @@ ul.pf-v6-c-list {
21381
22483
  }
21382
22484
  }
21383
22485
 
21384
- .pf-v6-c-page > .pf-v6-c-masthead {
21385
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
21386
- grid-area: header;
21387
- }
21388
22486
  @media (min-width: 75rem) {
21389
22487
  .pf-v6-c-page > .pf-v6-c-masthead {
21390
22488
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
21391
22489
  }
21392
22490
  }
22491
+ .pf-v6-c-page > .pf-v6-c-masthead {
22492
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22493
+ grid-area: header;
22494
+ }
22495
+
22496
+ .pf-v6-c-page__dock {
22497
+ z-index: var(--pf-v6-c-page__dock--ZIndex);
22498
+ grid-area: dock;
22499
+ }
21393
22500
 
21394
22501
  .pf-v6-c-page__sidebar {
21395
22502
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -21501,8 +22608,8 @@ ul.pf-v6-c-list {
21501
22608
  .pf-v6-c-page__main-group,
21502
22609
  .pf-v6-c-page__main-subnav {
21503
22610
  display: flex;
21504
- flex-direction: column;
21505
22611
  flex-shrink: 0;
22612
+ flex-direction: column;
21506
22613
  }
21507
22614
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
21508
22615
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21694,6 +22801,7 @@ ul.pf-v6-c-list {
21694
22801
  flex-direction: column;
21695
22802
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
21696
22803
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
22804
+ margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
21697
22805
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
21698
22806
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
21699
22807
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -21745,8 +22853,8 @@ ul.pf-v6-c-list {
21745
22853
  .pf-v6-c-page__main-drawer,
21746
22854
  .pf-v6-c-page__main-group {
21747
22855
  display: flex;
21748
- flex-direction: column;
21749
22856
  flex-grow: 1;
22857
+ flex-direction: column;
21750
22858
  }
21751
22859
 
21752
22860
  .pf-v6-c-page__main {
@@ -23660,8 +24768,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23660
24768
  position: var(--pf-v6-c-sidebar__panel--Position);
23661
24769
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
23662
24770
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
23663
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23664
24771
  flex-shrink: 0;
24772
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
23665
24773
  order: var(--pf-v6-c-sidebar__panel--Order);
23666
24774
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
23667
24775
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -23958,7 +25066,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23958
25066
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
23959
25067
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
23960
25068
  --pf-v6-c-skeleton--before--Height: auto;
23961
- --pf-v6-c-skeleton--before--Content: " ";
25069
+ --pf-v6-c-skeleton--before--Content: "\00a0";
23962
25070
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
23963
25071
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
23964
25072
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -23969,6 +25077,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23969
25077
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
23970
25078
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
23971
25079
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25080
+ }
25081
+ @media screen and (prefers-reduced-motion: no-preference) {
25082
+ .pf-v6-c-skeleton {
25083
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25084
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25085
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25086
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25087
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25088
+ }
25089
+ }
25090
+ .pf-v6-c-skeleton {
23972
25091
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
23973
25092
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
23974
25093
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -23996,15 +25115,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23996
25115
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
23997
25116
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
23998
25117
  }
23999
- @media screen and (prefers-reduced-motion: no-preference) {
24000
- .pf-v6-c-skeleton {
24001
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24002
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24003
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24004
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24005
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24006
- }
24007
- }
24008
25118
 
24009
25119
  .pf-v6-c-skeleton {
24010
25120
  position: relative;
@@ -24021,6 +25131,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24021
25131
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24022
25132
  content: var(--pf-v6-c-skeleton--before--Content);
24023
25133
  }
25134
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25135
+ scale: -1 1;
25136
+ }
25137
+
24024
25138
  .pf-v6-c-skeleton::after {
24025
25139
  position: absolute;
24026
25140
  inset: 0;
@@ -24030,10 +25144,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24030
25144
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24031
25145
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24032
25146
  }
24033
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24034
- scale: -1 1;
24035
- }
24036
-
24037
25147
  .pf-v6-c-skeleton.pf-m-circle {
24038
25148
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24039
25149
  }
@@ -24221,12 +25331,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24221
25331
 
24222
25332
  .pf-v6-c-slider {
24223
25333
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24224
- display: flex;
24225
25334
  }
24226
25335
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24227
25336
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24228
25337
  }
24229
25338
 
25339
+ .pf-v6-c-slider {
25340
+ display: flex;
25341
+ }
24230
25342
  .pf-v6-c-slider.pf-m-disabled {
24231
25343
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24232
25344
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24289,6 +25401,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24289
25401
 
24290
25402
  .pf-v6-c-slider__step-tick {
24291
25403
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25404
+ }
25405
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25406
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25407
+ }
25408
+
25409
+ .pf-v6-c-slider__step-tick {
24292
25410
  position: absolute;
24293
25411
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
24294
25412
  inset-inline-start: 0;
@@ -24298,22 +25416,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24298
25416
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
24299
25417
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
24300
25418
  }
24301
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
24302
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24303
- }
24304
25419
 
24305
25420
  .pf-v6-c-slider__step-label {
24306
25421
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
24307
- position: absolute;
24308
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
24309
- word-break: normal;
24310
25422
  }
24311
25423
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
24312
25424
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
24313
25425
  }
24314
25426
 
25427
+ .pf-v6-c-slider__step-label {
25428
+ position: absolute;
25429
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25430
+ word-break: normal;
25431
+ }
25432
+
24315
25433
  .pf-v6-c-slider__thumb {
24316
25434
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25435
+ }
25436
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25437
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25438
+ }
25439
+
25440
+ .pf-v6-c-slider__thumb {
24317
25441
  position: absolute;
24318
25442
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
24319
25443
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -24325,12 +25449,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24325
25449
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
24326
25450
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
24327
25451
  }
24328
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
24329
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25452
+ .pf-v6-c-slider__thumb::before {
25453
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25454
+ }
25455
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25456
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24330
25457
  }
24331
25458
 
24332
25459
  .pf-v6-c-slider__thumb::before {
24333
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
24334
25460
  position: absolute;
24335
25461
  inset-block-start: 50%;
24336
25462
  inset-inline-start: 50%;
@@ -24339,10 +25465,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24339
25465
  content: "";
24340
25466
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
24341
25467
  }
24342
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
24343
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
24344
- }
24345
-
24346
25468
  .pf-v6-c-slider__thumb:hover {
24347
25469
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
24348
25470
  }
@@ -24359,16 +25481,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24359
25481
  }
24360
25482
  .pf-v6-c-slider__value.pf-m-floating {
24361
25483
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25484
+ }
25485
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25486
+ 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));
25487
+ }
25488
+
25489
+ .pf-v6-c-slider__value.pf-m-floating {
24362
25490
  --pf-v6-c-slider__value--MarginInlineStart: 0;
24363
25491
  position: absolute;
24364
25492
  inset-block-start: 0;
24365
25493
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
24366
25494
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
24367
25495
  }
24368
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
24369
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
24370
- }
24371
-
24372
25496
  .pf-v6-c-slider__value .pf-v6-c-form-control {
24373
25497
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
24374
25498
  }
@@ -24546,12 +25670,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24546
25670
  }
24547
25671
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24548
25672
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
24549
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
24550
25673
  }
24551
25674
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
24552
25675
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
24553
25676
  }
24554
25677
 
25678
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25679
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25680
+ }
24555
25681
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
24556
25682
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
24557
25683
  }
@@ -25036,7 +26162,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25036
26162
  --pf-v6-c-table--cell--Width: auto;
25037
26163
  }
25038
26164
 
25039
- @media screen and (max-width: calc(48rem - 1px)) {
26165
+ @container pf-v6-contain-table (max-width: 48rem) {
25040
26166
  .pf-m-grid-md.pf-v6-c-table {
25041
26167
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25042
26168
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25314,15 +26440,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25314
26440
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25315
26441
  text-align: end;
25316
26442
  }
25317
- }
25318
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
25319
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
25320
- grid-row-start: 1;
25321
- grid-column-start: 2;
25322
- margin-inline-start: 0;
26443
+ @media screen and (max-width: 36rem) {
26444
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
26445
+ grid-row-start: 1;
26446
+ grid-column-start: 2;
26447
+ margin-inline-start: 0;
26448
+ }
25323
26449
  }
25324
- }
25325
- @media screen and (max-width: calc(48rem - 1px)) {
25326
26450
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25327
26451
  grid-column: 2;
25328
26452
  grid-row: 2;
@@ -25348,7 +26472,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25348
26472
  }
25349
26473
  }
25350
26474
 
25351
- @media screen and (max-width: calc(62rem - 1px)) {
26475
+ @container pf-v6-contain-table (max-width: 62rem) {
25352
26476
  .pf-m-grid-lg.pf-v6-c-table {
25353
26477
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25354
26478
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25626,15 +26750,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25626
26750
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25627
26751
  text-align: end;
25628
26752
  }
25629
- }
25630
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
25631
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
25632
- grid-row-start: 1;
25633
- grid-column-start: 2;
25634
- margin-inline-start: 0;
26753
+ @media screen and (max-width: 36rem) {
26754
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
26755
+ grid-row-start: 1;
26756
+ grid-column-start: 2;
26757
+ margin-inline-start: 0;
26758
+ }
25635
26759
  }
25636
- }
25637
- @media screen and (max-width: calc(62rem - 1px)) {
25638
26760
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25639
26761
  grid-column: 2;
25640
26762
  grid-row: 2;
@@ -25660,7 +26782,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25660
26782
  }
25661
26783
  }
25662
26784
 
25663
- @media screen and (max-width: calc(75rem - 1px)) {
26785
+ @container pf-v6-contain-table (max-width: 75rem) {
25664
26786
  .pf-m-grid-xl.pf-v6-c-table {
25665
26787
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25666
26788
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -25938,15 +27060,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25938
27060
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
25939
27061
  text-align: end;
25940
27062
  }
25941
- }
25942
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
25943
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
25944
- grid-row-start: 1;
25945
- grid-column-start: 2;
25946
- margin-inline-start: 0;
27063
+ @media screen and (max-width: 36rem) {
27064
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
27065
+ grid-row-start: 1;
27066
+ grid-column-start: 2;
27067
+ margin-inline-start: 0;
27068
+ }
25947
27069
  }
25948
- }
25949
- @media screen and (max-width: calc(75rem - 1px)) {
25950
27070
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
25951
27071
  grid-column: 2;
25952
27072
  grid-row: 2;
@@ -25972,7 +27092,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25972
27092
  }
25973
27093
  }
25974
27094
 
25975
- @media screen and (max-width: calc(90.625rem - 1px)) {
27095
+ @container pf-v6-contain-table (max-width: 90.625rem) {
25976
27096
  .pf-m-grid-2xl.pf-v6-c-table {
25977
27097
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
25978
27098
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -26250,15 +27370,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26250
27370
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26251
27371
  text-align: end;
26252
27372
  }
26253
- }
26254
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
26255
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
26256
- grid-row-start: 1;
26257
- grid-column-start: 2;
26258
- margin-inline-start: 0;
27373
+ @media screen and (max-width: 36rem) {
27374
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
27375
+ grid-row-start: 1;
27376
+ grid-column-start: 2;
27377
+ margin-inline-start: 0;
27378
+ }
26259
27379
  }
26260
- }
26261
- @media screen and (max-width: calc(90.625rem - 1px)) {
26262
27380
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
26263
27381
  grid-column: 2;
26264
27382
  grid-row: 2;
@@ -26373,6 +27491,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26373
27491
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
26374
27492
  --pf-v6-c-table__expandable-row--TranslateY: 0;
26375
27493
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27494
+ }
27495
+ @media screen and (prefers-reduced-motion: no-preference) {
27496
+ .pf-v6-c-table {
27497
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27498
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27499
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27500
+ }
27501
+ }
27502
+ .pf-v6-c-table {
26376
27503
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
26377
27504
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
26378
27505
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -26441,13 +27568,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26441
27568
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
26442
27569
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
26443
27570
  }
26444
- @media screen and (prefers-reduced-motion: no-preference) {
26445
- .pf-v6-c-table {
26446
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
26447
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
26448
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
26449
- }
26450
- }
26451
27571
 
26452
27572
  .pf-v6-c-table {
26453
27573
  width: 100%;
@@ -26512,22 +27632,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26512
27632
  --pf-v6-hidden-visible--hidden--Display: none;
26513
27633
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26514
27634
  display: var(--pf-v6-hidden-visible--Display);
26515
- position: relative;
26516
- width: var(--pf-v6-c-table--cell--Width);
26517
- min-width: var(--pf-v6-c-table--cell--MinWidth);
26518
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
26519
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
26520
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
26521
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
26522
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
26523
- overflow: var(--pf-v6-c-table--cell--Overflow);
26524
- font-size: var(--pf-v6-c-table--cell--FontSize);
26525
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
26526
- line-height: var(--pf-v6-c-table--cell--LineHeight);
26527
- color: var(--pf-v6-c-table--cell--Color);
26528
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
26529
- word-break: var(--pf-v6-c-table--cell--WordBreak);
26530
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
26531
27635
  }
26532
27636
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
26533
27637
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -26572,6 +27676,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26572
27676
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
26573
27677
  }
26574
27678
  }
27679
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27680
+ position: relative;
27681
+ width: var(--pf-v6-c-table--cell--Width);
27682
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27683
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27684
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27685
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27686
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27687
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27688
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27689
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27690
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27691
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27692
+ color: var(--pf-v6-c-table--cell--Color);
27693
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27694
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27695
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27696
+ }
26575
27697
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
26576
27698
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
26577
27699
  }
@@ -26928,16 +28050,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26928
28050
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
26929
28051
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
26930
28052
  }
28053
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28054
+ scale: -1 1;
28055
+ }
28056
+
26931
28057
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
26932
28058
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
26933
28059
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
26934
28060
  transition-property: transform;
26935
28061
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
26936
28062
  }
26937
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
26938
- scale: -1 1;
26939
- }
26940
-
26941
28063
  .pf-v6-c-table__toggle svg {
26942
28064
  pointer-events: none;
26943
28065
  }
@@ -27414,13 +28536,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27414
28536
  }
27415
28537
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27416
28538
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
27417
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
27418
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
27419
28539
  }
27420
28540
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
27421
28541
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
27422
28542
  }
27423
28543
 
28544
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28545
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28546
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28547
+ }
27424
28548
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27425
28549
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
27426
28550
  }
@@ -28333,6 +29457,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28333
29457
  --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28334
29458
  --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28335
29459
  --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29460
+ --pf-v6-c-tabs--m-nav__link--BorderRadius: var(--pf-t--global--border--radius--pill);
29461
+ --pf-v6-c-tabs--m-nav__link--disabled--Color: var(--pf-t--global--text--color--disabled);
29462
+ --pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
28336
29463
  --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
28337
29464
  --pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28338
29465
  --pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -28467,8 +29594,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28467
29594
  }
28468
29595
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
28469
29596
  position: relative;
28470
- flex-direction: column;
28471
29597
  flex-grow: 1;
29598
+ flex-direction: column;
28472
29599
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
28473
29600
  }
28474
29601
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -28610,6 +29737,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28610
29737
  .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
28611
29738
  overflow: visible;
28612
29739
  }
29740
+ .pf-v6-c-tabs.pf-m-nav {
29741
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
29742
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-nav__link--disabled--Color);
29743
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-v6-c-tabs--m-nav__link--BorderRadius);
29744
+ }
29745
+ .pf-v6-c-tabs.pf-m-nav::before,
29746
+ .pf-v6-c-tabs.pf-m-nav .pf-v6-c-tabs__link::before {
29747
+ border: 0;
29748
+ }
29749
+ .pf-v6-c-tabs.pf-m-nav.pf-m-subtab .pf-v6-c-tabs__scroll-button .pf-v6-c-button {
29750
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs--m-nav--m-subtab__scroll-button--button--FontSize);
29751
+ }
28613
29752
 
28614
29753
  .pf-v6-c-tabs__toggle {
28615
29754
  display: var(--pf-v6-c-tabs__toggle--Display);
@@ -28621,15 +29760,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28621
29760
  white-space: normal;
28622
29761
  }
28623
29762
 
29763
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29764
+ scale: -1 1;
29765
+ }
29766
+
28624
29767
  .pf-v6-c-tabs__toggle-icon {
28625
29768
  display: inline-block;
28626
29769
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
28627
29770
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
28628
29771
  }
28629
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
28630
- scale: -1 1;
28631
- }
28632
29772
 
29773
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29774
+ display: none;
29775
+ }
28633
29776
  .pf-v6-c-tabs__list {
28634
29777
  scrollbar-width: none;
28635
29778
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28641,25 +29784,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28641
29784
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
28642
29785
  -webkit-overflow-scrolling: touch;
28643
29786
  }
28644
- .pf-v6-c-tabs__list::-webkit-scrollbar {
28645
- display: none;
28646
- }
28647
29787
 
28648
29788
  .pf-v6-c-tabs__item {
28649
29789
  position: relative;
28650
29790
  display: flex;
28651
29791
  flex: none;
28652
29792
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
28653
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28654
29793
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
28655
29794
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
28656
29795
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
28657
29796
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29797
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
28658
29798
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
28659
29799
  }
28660
29800
  .pf-v6-c-tabs__item.pf-m-current {
28661
29801
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
28662
- --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
29802
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs--link-accent--color);
28663
29803
  --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
28664
29804
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
28665
29805
  }
@@ -28707,6 +29847,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28707
29847
  border: 0;
28708
29848
  }
28709
29849
 
29850
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29851
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29852
+ }
29853
+
28710
29854
  .pf-v6-c-tabs__link {
28711
29855
  display: flex;
28712
29856
  flex: 1;
@@ -28724,10 +29868,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28724
29868
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
28725
29869
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
28726
29870
  }
28727
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
28728
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
28729
- }
28730
-
28731
29871
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
28732
29872
  pointer-events: none;
28733
29873
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -28782,6 +29922,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28782
29922
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
28783
29923
  }
28784
29924
 
29925
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29926
+ scale: -1 1;
29927
+ }
29928
+
28785
29929
  .pf-v6-c-tabs__link-toggle-icon {
28786
29930
  align-self: end;
28787
29931
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -28789,9 +29933,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28789
29933
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
28790
29934
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
28791
29935
  }
28792
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
28793
- scale: -1 1;
28794
- }
28795
29936
 
28796
29937
  .pf-v6-c-tabs__item-action {
28797
29938
  display: flex;
@@ -29712,6 +30853,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29712
30853
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29713
30854
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29714
30855
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
30856
+ --pf-v6-c-toolbar--m-vertical--Width: fit-content;
29715
30857
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29716
30858
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29717
30859
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29808,9 +30950,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29808
30950
  --pf-v6-hidden-visible--hidden--Display: none;
29809
30951
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29810
30952
  display: var(--pf-v6-hidden-visible--Display);
29811
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
29812
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
29813
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
29814
30953
  }
29815
30954
  .pf-v6-c-toolbar__content.pf-m-hidden {
29816
30955
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -29855,6 +30994,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29855
30994
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
29856
30995
  }
29857
30996
  }
30997
+ .pf-v6-c-toolbar__content {
30998
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30999
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31000
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31001
+ }
29858
31002
 
29859
31003
  .pf-v6-c-toolbar__content-section {
29860
31004
  flex-wrap: wrap;
@@ -29915,14 +31059,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29915
31059
  .pf-v6-c-toolbar.pf-m-no-background {
29916
31060
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
29917
31061
  }
31062
+ .pf-v6-c-toolbar.pf-m-vertical {
31063
+ --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
31064
+ --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
31065
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
31066
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-toolbar--m-vertical--Width);
31067
+ }
31068
+ .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__content-section) {
31069
+ flex-direction: column;
31070
+ align-items: center;
31071
+ }
29918
31072
 
29919
31073
  .pf-v6-c-toolbar__item {
29920
31074
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
29921
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
29922
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
29923
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
29924
- width: var(--pf-v6-c-toolbar__item--Width--base);
29925
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
29926
31075
  }
29927
31076
  @media (min-width: 36rem) {
29928
31077
  .pf-v6-c-toolbar__item {
@@ -29949,6 +31098,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29949
31098
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
29950
31099
  }
29951
31100
  }
31101
+ .pf-v6-c-toolbar__item {
31102
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31103
+ }
29952
31104
  @media (min-width: 36rem) {
29953
31105
  .pf-v6-c-toolbar__item {
29954
31106
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -29974,6 +31126,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29974
31126
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
29975
31127
  }
29976
31128
  }
31129
+ .pf-v6-c-toolbar__item {
31130
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31131
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31132
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31133
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31134
+ }
29977
31135
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
29978
31136
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
29979
31137
  }
@@ -29994,6 +31152,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29994
31152
  row-gap: var(--pf-v6-c-toolbar__group--RowGap);
29995
31153
  column-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
29996
31154
  }
31155
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group {
31156
+ row-gap: var(--pf-v6-c-toolbar__group--ColumnGap);
31157
+ }
29997
31158
  .pf-v6-c-toolbar__group.pf-m-filter-group {
29998
31159
  column-gap: var(--pf-v6-c-toolbar__group--m-filter-group--ColumnGap);
29999
31160
  }
@@ -30005,9 +31166,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30005
31166
  .pf-v6-c-toolbar__group.pf-m-action-group {
30006
31167
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
30007
31168
  }
31169
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group {
31170
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group--ColumnGap);
31171
+ }
30008
31172
  .pf-v6-c-toolbar__group.pf-m-action-group-plain {
30009
31173
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
30010
31174
  }
31175
+ .pf-v6-c-toolbar.pf-m-vertical .pf-v6-c-toolbar__group.pf-m-action-group-plain {
31176
+ row-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
31177
+ }
30011
31178
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
30012
31179
  flex-wrap: wrap;
30013
31180
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
@@ -30084,7 +31251,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30084
31251
  }
30085
31252
  .pf-v6-c-toolbar__group.pf-m-align-end,
30086
31253
  .pf-v6-c-toolbar__item.pf-m-align-end {
30087
- margin-inline-start: auto;
31254
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31255
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30088
31256
  }
30089
31257
  .pf-v6-c-toolbar__group.pf-m-flex-grow,
30090
31258
  .pf-v6-c-toolbar__item.pf-m-flex-grow {
@@ -30339,7 +31507,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30339
31507
  }
30340
31508
  .pf-v6-c-toolbar__group.pf-m-align-end-on-sm,
30341
31509
  .pf-v6-c-toolbar__item.pf-m-align-end-on-sm {
30342
- margin-inline-start: auto;
31510
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31511
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30343
31512
  }
30344
31513
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-sm,
30345
31514
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-sm {
@@ -30591,7 +31760,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30591
31760
  }
30592
31761
  .pf-v6-c-toolbar__group.pf-m-align-end-on-md,
30593
31762
  .pf-v6-c-toolbar__item.pf-m-align-end-on-md {
30594
- margin-inline-start: auto;
31763
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
31764
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30595
31765
  }
30596
31766
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-md,
30597
31767
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-md {
@@ -30843,7 +32013,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30843
32013
  }
30844
32014
  .pf-v6-c-toolbar__group.pf-m-align-end-on-lg,
30845
32015
  .pf-v6-c-toolbar__item.pf-m-align-end-on-lg {
30846
- margin-inline-start: auto;
32016
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32017
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
30847
32018
  }
30848
32019
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-lg,
30849
32020
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-lg {
@@ -31095,7 +32266,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31095
32266
  }
31096
32267
  .pf-v6-c-toolbar__group.pf-m-align-end-on-xl,
31097
32268
  .pf-v6-c-toolbar__item.pf-m-align-end-on-xl {
31098
- margin-inline-start: auto;
32269
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32270
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31099
32271
  }
31100
32272
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-xl,
31101
32273
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-xl {
@@ -31347,7 +32519,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31347
32519
  }
31348
32520
  .pf-v6-c-toolbar__group.pf-m-align-end-on-2xl,
31349
32521
  .pf-v6-c-toolbar__item.pf-m-align-end-on-2xl {
31350
- margin-inline-start: auto;
32522
+ margin-block-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart, 0);
32523
+ margin-inline-start: var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart, auto);
31351
32524
  }
31352
32525
  .pf-v6-c-toolbar__group.pf-m-flex-grow-on-2xl,
31353
32526
  .pf-v6-c-toolbar__item.pf-m-flex-grow-on-2xl {
@@ -31832,6 +33005,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31832
33005
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
31833
33006
  --pf-v6-c-tree-view__list--TranslateY: 0;
31834
33007
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33008
+ }
33009
+ @media screen and (prefers-reduced-motion: no-preference) {
33010
+ .pf-v6-c-tree-view {
33011
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33012
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33013
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33014
+ }
33015
+ }
33016
+ .pf-v6-c-tree-view {
31835
33017
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
31836
33018
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
31837
33019
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -31860,6 +33042,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31860
33042
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
31861
33043
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
31862
33044
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33045
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33046
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33047
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
31863
33048
  --pf-v6-c-tree-view__node-text--max-lines: 1;
31864
33049
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
31865
33050
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -31915,6 +33100,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31915
33100
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
31916
33101
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31917
33102
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33103
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33104
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33105
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33106
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33107
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33108
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
31918
33109
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
31919
33110
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
31920
33111
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -31924,13 +33115,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31924
33115
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
31925
33116
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
31926
33117
  }
31927
- @media screen and (prefers-reduced-motion: no-preference) {
31928
- .pf-v6-c-tree-view {
31929
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
31930
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
31931
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
31932
- }
31933
- }
31934
33118
 
31935
33119
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
31936
33120
  position: relative;
@@ -32011,11 +33195,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32011
33195
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32012
33196
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32013
33197
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33198
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32014
33199
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32015
33200
  }
32016
33201
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32017
33202
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32018
33203
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33204
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33205
+ }
33206
+ .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 {
33207
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32019
33208
  }
32020
33209
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32021
33210
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32040,6 +33229,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32040
33229
  }
32041
33230
  .pf-v6-c-tree-view.pf-m-no-background {
32042
33231
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33232
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33233
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33234
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33235
+ }
33236
+
33237
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33238
+ scale: -1 1;
32043
33239
  }
32044
33240
 
32045
33241
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32049,9 +33245,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32049
33245
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32050
33246
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32051
33247
  }
32052
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32053
- scale: -1 1;
32054
- }
32055
33248
 
32056
33249
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32057
33250
  max-height: 0;
@@ -32115,6 +33308,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32115
33308
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32116
33309
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32117
33310
  }
33311
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33312
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33313
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33314
+ --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);
33315
+ --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);
33316
+ }
32118
33317
 
32119
33318
  .pf-v6-c-tree-view__node-container {
32120
33319
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32157,6 +33356,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32157
33356
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32158
33357
  }
32159
33358
 
33359
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33360
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33361
+ }
33362
+
32160
33363
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32161
33364
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32162
33365
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32172,6 +33375,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32172
33375
  white-space: nowrap;
32173
33376
  }
32174
33377
 
33378
+ label.pf-v6-c-tree-view__node-text {
33379
+ cursor: pointer;
33380
+ }
33381
+
32175
33382
  .pf-v6-c-tree-view__node-text {
32176
33383
  font-weight: inherit;
32177
33384
  color: inherit;
@@ -32179,9 +33386,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32179
33386
  background-color: transparent;
32180
33387
  border: 0;
32181
33388
  }
32182
- label.pf-v6-c-tree-view__node-text {
32183
- cursor: pointer;
32184
- }
32185
33389
 
32186
33390
  .pf-v6-c-tree-view__node-title {
32187
33391
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -32410,6 +33614,15 @@ label.pf-v6-c-tree-view__node-text {
32410
33614
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
32411
33615
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
32412
33616
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33617
+ }
33618
+ @media screen and (min-width: 62rem) {
33619
+ .pf-v6-c-wizard {
33620
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33621
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33622
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33623
+ }
33624
+ }
33625
+ .pf-v6-c-wizard {
32413
33626
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
32414
33627
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
32415
33628
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -32434,13 +33647,6 @@ label.pf-v6-c-tree-view__node-text {
32434
33647
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
32435
33648
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
32436
33649
  }
32437
- @media screen and (min-width: 62rem) {
32438
- .pf-v6-c-wizard {
32439
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32440
- --pf-v6-c-wizard__nav--BoxShadow: none;
32441
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32442
- }
32443
- }
32444
33650
 
32445
33651
  .pf-v6-c-wizard {
32446
33652
  position: relative;
@@ -32576,13 +33782,14 @@ label.pf-v6-c-tree-view__node-text {
32576
33782
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
32577
33783
  }
32578
33784
 
32579
- .pf-v6-c-wizard__toggle-separator {
32580
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
32581
- }
32582
33785
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
32583
33786
  scale: -1 1;
32584
33787
  }
32585
33788
 
33789
+ .pf-v6-c-wizard__toggle-separator {
33790
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33791
+ }
33792
+
32586
33793
  .pf-v6-c-wizard__toggle-icon {
32587
33794
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
32588
33795
  }
@@ -32590,8 +33797,8 @@ label.pf-v6-c-tree-view__node-text {
32590
33797
  .pf-v6-c-wizard__outer-wrap {
32591
33798
  position: relative;
32592
33799
  display: flex;
32593
- flex-direction: column;
32594
33800
  flex-grow: 1;
33801
+ flex-direction: column;
32595
33802
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
32596
33803
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
32597
33804
  }
@@ -32604,8 +33811,8 @@ label.pf-v6-c-tree-view__node-text {
32604
33811
  .pf-v6-c-wizard__inner-wrap {
32605
33812
  position: relative;
32606
33813
  display: flex;
32607
- flex-direction: column;
32608
33814
  flex-grow: 1;
33815
+ flex-direction: column;
32609
33816
  min-height: 0;
32610
33817
  }
32611
33818
  @media screen and (min-width: 62rem) {
@@ -32783,6 +33990,10 @@ label.pf-v6-c-tree-view__node-text {
32783
33990
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
32784
33991
  }
32785
33992
 
33993
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33994
+ scale: -1 1;
33995
+ }
33996
+
32786
33997
  .pf-v6-c-wizard__nav-link-toggle-icon {
32787
33998
  display: inline-block;
32788
33999
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -32790,15 +34001,12 @@ label.pf-v6-c-tree-view__node-text {
32790
34001
  transition-property: transform;
32791
34002
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
32792
34003
  }
32793
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
32794
- scale: -1 1;
32795
- }
32796
34004
 
32797
34005
  .pf-v6-c-wizard__main {
32798
34006
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
32799
34007
  display: flex;
32800
- flex-direction: column;
32801
34008
  flex-grow: 1;
34009
+ flex-direction: column;
32802
34010
  overflow-x: hidden;
32803
34011
  overflow-y: auto;
32804
34012
  word-break: break-word;
@@ -35236,12 +36444,13 @@ label.pf-v6-c-tree-view__node-text {
35236
36444
  display: grid;
35237
36445
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35238
36446
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35239
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35240
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35241
36447
  }
35242
36448
  .pf-v6-l-gallery.pf-m-gutter {
35243
36449
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35244
36450
  }
36451
+ .pf-v6-l-gallery {
36452
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36453
+ }
35245
36454
  @media (min-width: 36rem) {
35246
36455
  .pf-v6-l-gallery {
35247
36456
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -35267,6 +36476,9 @@ label.pf-v6-c-tree-view__node-text {
35267
36476
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
35268
36477
  }
35269
36478
  }
36479
+ .pf-v6-l-gallery {
36480
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36481
+ }
35270
36482
  @media (min-width: 36rem) {
35271
36483
  .pf-v6-l-gallery {
35272
36484
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));